Panduan Teknis Search Engine Optimization bagi Developer

Jumat lalu, 26 Mei 2023, saya berkesempatan untuk memberikan materi dan insight seputar SEO untuk Developer pada acara #cmlabsclass7 yang diselenggarakan oleh cmlabs. Sesuai dengan materi yang saya sampaikan pada cmlabs class session, saya akan menjelaskan dan memaparkan bagaimana seorang developer dapat mengoptimasi sebuah website yang sedang dibangun atau dibuat di search engine. 

Tentang SEO untuk Developer

Seorang developer berperan penting dalam mengoptimasi sebuah website jika website atau bisnis yang Anda jalankan ingin memiliki ranking yang baik dan mendatangkan traffic yang tinggi di search engine. Ada banyak konsep dan aturan dalam pengoptimalan search engine yang berkaitan erat dengan aktivitas di dalam tim developer. Jadi, banyak developer mengerjakan optimasi.
 

Dalam konsep SEO sendiri, ada tiga jenis utama yang perlu diperhatikan dalam membangun dan mengoptimalkan website. Kami akan membahas secara khusus mengacu pada ruang lingkup tim developer. Jadi, akan ada 2 konsep SEO yang akan kita bahas.

Berdasarkan gambar di atas, ada 2 jenis SEO yang merujuk pada aktivitas seorang developer. Berikut ulasan lengkapnya:

Technical SEO

Technical SEO mengacu pada bagaimana kinerja sebuah situs website ketika diakses oleh pengguna, bagaimana situs web akan muncul di hasil pencarian, dan metode atau praktik apa yang perlu dilakukan untuk membantu proses crawling dan indexing pada search engine. Secara umum, ada beberapa hal yang perlu diperhatikan dalam Technical SEO, antara lain:

• Site Speed (Kecepatan performa website)
• Mobile Friendliness
• Structured Data (Data Terstruktur)
• URL Optimisation (Optimasi URL)
• Sitemap

On-page SEO

Dalam konsep ini, kami lebih spesifik pada sisi konten internal sebuah website, dimana titik optimasi berada di setiap halaman website. Berikut beberapa poin yang perlu diperhatikan:

• Meta Information
• Heading Structure
• Readability
• Internal Link
• Image Optimisation

Kedua tipe SEO ini akan dibahas secara khusus pada outline berikutnya yang merujuk pada aktivitas tim developer.

Keuntungan atau Benefit Menggunakan SEO

Gambar pertama di atas menunjukkan hasil pencarian untuk kata kunci yang dimasukkan oleh pengguna, dan di sana menunjukkan hasil yang relevan dengan pencarian pengguna. Semua pemangku kepentingan bisnis ingin situs web mereka berada di bagian atas hasil pencarian. Misalnya, bagaimana situs web bisa berada di posisi teratas? Hal ini relevan dengan tujuan utama SEO yaitu mendatangkan traffic website yang tinggi dan mendapatkan ranking yang baik di hasil pencarian.

Mengapa begitu? jika website Anda memiliki kualitas yang baik, sesuai dengan aturan SEO, maka website juga akan memiliki performa yang baik di hasil pencarian. Dengan demikian, pasti akan mendatangkan traffic website yang besar sehingga website atau bisnis Anda akan lebih mudah dikenali oleh target audience. Value bisnis Anda akan semakin dikenal.

Bagaimana SEO akan memastikan sebuah website bekerja dengan optimal

Dalam membangun atau membuat website, kita sebagai pebisnis perlu memperhatikan banyak hal. Mulai dari sisi teknis website, bagaimana nantinya akan dipasarkan, hingga bagaimana solusi yang diberikan untuk menjawab kebutuhan pasar. 

Kami sebagai developer tidak hanya memikirkan rencana pengembangan yang tepat untuk website yang akan dibangun, tetapi juga bagaimana mengoptimalkannya dengan baik agar mencapai tujuan SEO dan bagaimana membuat website Anda semakin dikenal oleh khalayak yang lebih luas.

Proses SEO dan tahap pengembangan itu sendiri adalah kuncinya, dimana dalam tahap pengembangan website tim developer akan memastikan bahwa website tersebut sesuai dengan kaidah SEO, website mudah digunakan oleh pengguna, dan dapat tampil di hasil Pencarian.

Di bagian selanjutnya dari artikel ini, kami ingin menyebutkan beberapa hal yang perlu diperhatikan sesuai dengan bagaimana SEO membantu memastikan situs web Anda berfungsi di tingkat bisnis, bukan hanya pada tahap pengembangan situs web.

Sisi Teknis SEO untuk Pengembangan Website

Ada banyak cara untuk mengoptimasi website dari sisi teknis yang bisa dilakukan developer agar performanya bagus, memiliki ranking tinggi, dan mendatangkan traffic website yang tinggi. Teknik optimasi ini berdasarkan jenis-jenis SEO yang sudah kita bahas pada outline sebelumnya yaitu On-page SEO dan Technical SEO.

Site Speed

Site Speed adalah kecepatan kinerja suatu website saat diakses oleh pengguna. Website yang mudah diakses artinya memiliki performa yang optimal, dimana konten pada website dapat dengan mudah muncul di layar pengguna tanpa harus menunggu lama. Ada beberapa metrik dalam referensi kecepatan situs, seperti FID, LCP, FCP, dan masih banyak lagi. 

Structured Data (Data Terstruktur)

Penelusuran Google bekerja untuk memahami konten laman. Anda dapat membantu mereka dengan memberikan petunjuk eksplisit tentang konten halaman dengan menyertakan data terstruktur di halaman tersebut.

Berikut adalah contoh data terstruktur menggunakan skema JSON-LD Job Posting,

<script type="application/ld+json">
{
 "@context":"https://schema.org",
 "@type":"JobPosting",
 "title":"Business Development Executive",
 "description":"<h2>Qualifications</h2><ol><li>Target oriented to achieve goals and bonuses.</li><li>1 year experience in direct marketing, preferably in a B2B environment.</li><li>Interested in digital marketing, preferably have basic knowledge of SEO.</li><li>Proactive individual with great written, communication, negotiation and presentation skills.</li><li>Ability to work independently and as part of a team in a fast-paced environment.</li><li>Good research, and analysis skills with high level of attention to details.</li></ol><h2>Key Responsibilities</h2><ol><li>Conduct market research and networking activities to identify potential customers.</li><li>Contact potential customers for sales pitches via calls, business visits, e-mail, attending events, or other marketing channels.</li><li>Prepare sales materials such as proposals or contracts.</li><li>Collaborate with internal departments to support business needs and requirements.</li><li>Remain knowledgeable of market trends and proactively pursue sales opportunities to achieve targets.</li><li>Build and maintain client relationships.</li></ol>","identifier":{"@type":"PropertyValue","name":"cmlabs","value":"junior-business-development-executive-140f69"},"hiringOrganization":{"@type":"Organization","name":"cmlabs","sameAs":"https://cmlabs.co/en-id"},"industry":"SEO","employmentType":"Full-time","datePosted":"2023-05-24T02:18:59.000000Z",
 "jobLocation":
 {
   "@type":"Place",
   "address":
   {
     "@type":"PostalAddress",
     "streetAddress":"Jl. Seruni No.9, Lowokwaru, Kec. Lowokwaru",
     "addressLocality":"Malang",
     "addressRegion":"JI",
     "postalCode":"65141",
     "addressCountry":"ID"
   }
 },
 "skills":", Communication, Market Research, Interpersonal Skills"
}
</script>

Efeknya pada hasil pencarian akan memunculkan informasi spesifik pada pencarian pengguna. Begini tampilannya:

cmlabs menyediakan alat SEO yang akan membantu Anda dalam menyiapkan skema data terstruktur. Anda dapat mencoba JSON-LD Schema Generator secara gratis.

Website Responsif dan Mobile-friendly

Website responsif/desain web responsif adalah metode design system situs website yang memberikan pengalaman optimal bagi pengguna di desktop, tablet, dan perangkat seluler (ponsel). Hal ini bertujuan untuk memberikan pengalaman pengguna yang nyaman dalam mengakses website pada perangkat apapun karena website akan menyesuaikan dengan layar perangkat.

Hampir sama dengan definisi website responsif sebelumnya, website mobile-friendly adalah website yang dirancang dan dioptimalkan untuk tampil dengan baik di layar yang lebih kecil (tablet/ponsel). Mengacu pada penjelasan sebelumnya, website dapat menyesuaikan dengan berbagai ukuran layar perangkat pengguna.

Memiliki website yang responsif akan menjadikan website mobile-friendly dan website akan mampu merespon dengan optimal saat pengguna mengaksesnya dari perangkat apapun. Dengan demikian, website bisa mendapatkan ranking tinggi karena Google lebih menyukai website yang mobile-friendly.

Ada 3 teknik cara membuat website yang responsif, diantaranya :

• Buat situs website responsif secara manual oleh tim front-end, menggunakan gaya dan tata letak CSS.
• Buat situs web responsif menggunakan platform CMS (Content Management System) seperti WordPress, Joomla, Drupal, dll.
• Buat situs web responsif menggunakan tema/templat situs web.

Website Multiregional dan Multibahasa

Situs web multibahasa adalah situs web apa pun yang menawarkan konten dalam lebih dari satu bahasa. 

Situs web multiregional adalah situs web yang secara eksplisit menargetkan pengguna di berbagai negara. 

Ada beberapa tips tentang cara mengatur dan membantu pengguna dan search engine untuk menemukan halaman yang tepat berdasarkan lokasi atau wilayah pengguna:

• Gunakan URL yang berbeda untuk versi bahasa yang berbeda dan beri tahu Google tentang hal itu.
• Izinkan pengguna mengganti bahasa dan wilayah halaman.
• Gunakan URL khusus bahasa dan khusus lokal.

<link rel="alternate" hreflang="en-id" href="https://cmlabs.co/en-id" />

Google merekomendasikan penggunaan URL yang berbeda untuk setiap versi bahasa halaman, dibandingkan dengan menggunakan cookie atau setelan browser untuk menyesuaikan bahasa konten. Jika Anda menggunakan URL yang berbeda untuk setiap bahasa, gunakan anotasi href lang agar hasil penelusuran Google tertaut ke versi bahasa laman yang benar.

Sitemap

Peta situs adalah file tempat Anda memberikan informasi tentang halaman, video, dan file lain di situs Anda, serta hubungan di antara mereka. Search engine seperti Google membaca file ini untuk merayapi situs Anda dengan lebih efisien.

Contoh sitemap pada website cmlabs

<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
 <url>
   <loc>https://cmlabs.co/en-id/</loc>
   <lastmod>2023-05-22</lastmod>
 </url>
</urlset>

Optimasi Gambar

Selalu periksa kualitas gambar dan atribut teks alternatif (Alternate Text) untuk gambar, dan gunakan kualitas asli gambar. Anda juga perlu memeriksa ulang tata letak gambar pada versi desktop dan seluler.

Jangan lupa untuk menambahkan atribut alt pada gambar yang memiliki teks bermakna. Gunakan format gambar generasi berikutnya (WEBP, dll.)

<img src="/assets/images/image.webp" alt="This Alternate Text" loading="lazy" />

Jangan memuat konten utama dengan lambat setelah interaksi pengguna. Hindari lazy load pada konten utama Anda berdasarkan interaksi pengguna (seperti menggesek, mengeklik, atau mengetik), karena Googlebot tidak akan memicu interaksi pengguna tersebut.

Struktur Heading

Gunakan struktur heading yang sesuai pada konten atau halaman website Anda. Pastikan setiap halaman hanya boleh memiliki satu heading 1.

Meta Information

Gunakan judul meta dan format deskripsi meta yang sesuai untuk halaman situs web Anda.

cmlabs menyediakan tool yang akan membantu Anda memeriksa apakah informasi meta yang Anda buat sudah cukup baik atau belum. Coba Title and Meta Description Checker secara gratis.

Optimasi URL

Gunakan skema URL yang sesuai dan gunakan URL yang mewakili konten situs web. Dengan melakukan ini, pengguna dan mesin pencari dapat membacanya dengan lebih mudah.

Kesimpulan

Kesimpulannya, memahami aspek teknis search engine optimization (SEO) sangat penting bagi developer yang ingin meningkatkan visibilitas situs web mereka dan meningkatkan traffic organik. Dengan menerapkan strategi yang efektif, seperti mengoptimalkan kecepatan situs web, meningkatkan responsif, dan memanfaatkan data terstruktur, tim developer dapat meningkatkan peringkat pada search engine dan memberikan pengalaman pengguna yang lebih baik.

Untuk lebih memperdalam pengetahuan Anda dan menguasai seni SEO, saya mengajak Anda untuk bergabung dalam acara cmlabs class mendatang, di mana para ahli akan berbagi wawasan dan tips praktis. Jangan lewatkan kesempatan ini untuk meningkatkan keterampilan SEO Anda dan membawa situs web Anda ke tingkat yang lebih tinggi.