Daftar periksa teknikal SEO
Apa itu teknikal SEO dan kenapa penting
Dalam artikel komprehensif Technical SEO: The Definitive Guide disebutkan bahwa teknikal SEO adalah proses untuk memastikan bahwa situs web memenuhi persyaratan teknis dari mesin pencari modern dengan tujuan meningkatkan peringkat organik.
Kenapa hal ini menjadi bagian penting dari keseluruhan proses optimasi mesin pencari adalah karena memang teknikal SEO merupakan landasan agar halaman website bisa ditampilkan dengan benar di mesin pencarian. Tapi bahkan setelah halaman website kalian berhasil di index dan ditampilkan di mesin pencarian, pun sebenarnya pekerjaan teknis mengenai SEO ini tidak berhenti sampai disitu. Kalian mesti tetap memastikan halaman-halaman tersebut memang telah dioptimalkan untuk SEO mulai dari keamaan yang tetap mesti terjaga dengan tetap memastikan minimal SSL nya tetap aktif, bisa ditampilkan di layar yang lebih kecil seperti telepon genggam dengan baik, cepat dalam urusan waktu pemuatan, memantau jumlah laman tidak ditemukan (404) agar tidak kebablasan, dan setumpuk pekerjaan lainnya.
Teknikal SEO aslinya bukan barang baru, dan kebanyakan pengetahuan itu masih mirip-mirip atau masih bisa diturunkan dari pengetahuan yang lebih lawas. Hanya saja karena perubahan implementasi dari suatu website tersebut makanya hal yang sama menjadi berbeda untuk mengaplikasikannya. Kenapa pentingnya memahami tujuan dasarnya dari pekerjaan teknikal SEO agar ketika misalnya di masa depan implemetasi teknologinya telah berubah pun tetap bisa mencari cara lain untuk mencapai hal yang sama atau serupa.
Rendering Laman
Sebelumnya sebaiknya kalian membaca artikel Rendering on the Web untuk memahami berbagai macam cara rendering sebuah laman web.
Berikut ilustrasi dari kelebihan dan kekurangan masing-masing cara render sebuah laman web:
Meskipun sudah ada artikel yang menyebutkan bahwa Crawler bisa menjalankan JavaScript di client, sehingga opsi menggunakan full client side rendering (CSR) bisa saja diambil. Namun sebaiknya ini menjadi pilihan terakhir saja. Pun kalau Crawler dari mesin pencari bisa menjalankan JavaScript namun bisa jadi beberapa peralatan pengujian belum tentu bisa menjalankannya dengan baik sebaik yang Crawler lakukan. Akan ada kesenjangan yang bisa membingunkan untuk pengambilan keputusan di masa mendatang. Opsi terbaik tentu saja SSR atau opsi serupa yang tujuannya mengembalikan markup html langsung beserta konten yang dibutuhkan oleh Crawler.
🔖 Daftar Periksa: Rendering Halaman
- ✅ Memastikan halaman di render dengan benar
- ✅ Memastikan informasi penting telah di-render bersamaan dengan HTML
Structured Data
Crawler pada dasarnya kesulitan untuk memahami isi dari sebuah laman website, untuk itu kalian bisa secara eksplisit membantu memperjelas isi dari laman kalian dengan menambahkan informasi tambahan yang lebih mudah dipahami oleh Crawler. Structured Data adalah format standard yang memberikan informasi tambahan dari laman website. Ada berbagai macam format untuk membuat Structured Data, tapi JSON-LD adalah satu yang direkomendasikan, jadi sebaiknya menggunakan format JSON-LD saja.
🔖 Daftar Periksa: Structured Data
- ✅ Memastikan Structured Data di-render bersamaan dengan HTML
- ✅ Minimal ada Structured Data Breadcrumb yang menunjukkan hierarki dari suatu laman
- ✅ Ada Structured Data Article bila bentuk laman dibisa diatur serupa seperti artikel sebuah blog yang memiliki konten dengan banyak penjelasan informatif di dalamnya
- ✅ Ada Structured Data SearchBox bila website tersebut memiliki universal search
Semantic HTML
Sama seperti Structured Data, penggunaan semantic HTML ditujukan untuk membantu Crawler dalam memahami laman kalian. Beberapa semantic tag bahkan cukup kritis untuk diikuti seperti penambahan alt atau caption pada gambar, penggunaan tag Link (<a>) untuk tautan ke laman lain, tidak diperbolehkannya ada lebih dari 1 tag heading 1 (<h1>)
🔖 Daftar Periksa: Semantic HTML
- ✅ Memastikan telah me-render semua Link dengan benar menggunakan tag
<a>agar mudah dibaca oleh Crawler - ✅ Memastikan hanya terdapat 1 tag
h1yang menjadi judul dari sebuah halaman - ✅ Memilih tag-tag yang memberikan penekanan lebih, seperti
<strong>danx<em>bila kata-kata tersebut penting untuk diperhatikan oleh Crawler. Namun tetap gunakan tag biasa bila memang tidak dibutuhkan. - ✅ Me-render gambar dengan tepat beserta
altatau caption yang dekriptif
Tampilan
Beberapa keputusan teknis terkait SEO akan mempengaruhi penampilan website kalian.
🔖 Daftar Periksa: Tampilan
- ✅ Bisakah menyematkan komponen Breadcrumb sebagai alat navigasi yang di-render dengan tag
<a>? - ✅ Memastikan bisa ditampilkan di layar kecil dan tidak terdapat konten yang melebihi layar sehingga muncul horizontal scroll yang tidak pada tempatnya
Robots dan Sitemaps
Robots.txt bisa digunakan untuk memberikan akses dan memblokir akses dari suatu Crawler ke halaman tertentu, bisa juga untuk mengaitkan sitemap dari website.
Sementara sitemaps.xml merupakan dokumen XML yang berisi daftar dari alamat laman yang tersedia dan boleh diakses oleh Crawler. File ini bisa saja disajikan secara statik dan tidak harus real-time (sebaiknya memang tidak real-time) namun tetap perlu mencantumkan daftar dari semua alamat laman bahkan yang dinamis. Untuk daftar alamat dari laman dinamis, kalian mungkin perlu memanggil API dari Backend atau langsung query ke Database untuk bisa mengetahui semua alamat yang ada.
🔖 Daftar Periksa: Robots dan Sitemaps
- ✅ Memastikan sudah ada robots.txt.
- ✅ Memastikan robots.txt tidak melakukan bloking pada halaman-halaman yang tidak seharusnya
- ✅ Memastikan robots.txt sudah menyebutkan lokasi sitemaps.
- ✅ Memastikan sudah ada sitemaps, kalau terdapat banyak sitemaps maka pastikan membuat sitemaps index dan mendaftarkan semua lokasi sitemaps di dalamnya.
- ✅ Memastikan sitemaps sudah pula memuat laman-laman yang dinamis
- ✅ Memastikan sitemaps akan diperbarui secara berkala
Performa Web
Performa Web menjadi salah satu faktor yang dijadikan acuan oleh mesin pencari. Beberapa alat monitoring bahkan sudah mengintegrasikan laporan mengenai performa web ke dalam dashboard mereka.
🔖 Daftar Periksa: Performa Web
- ✅ Lazy load gambar yang tidak dibutuhkan di awal
- ✅ Memberikan opsi gambar dengan ekstensi webp atau ekstensi lain yang lebih modern
- ✅ Memberikan opsi gambar dengan dimensi yang lebih kecil untuk layar yang lebih kecil
- ✅ Pastikan sebelumnya sudah melakukan kompresi kualitas pada gambar
- ✅ Kalau diperlukan, sudah melakukan
preloadpada asset atau sumber daya paling kritis - ✅ Menyetel cache control dengan tepat terutama untuk berbagai asset dan static resources
- ✅ Pastikan sudah menyetel kompresi asset dan static resources, baik dengan Brotli atau gzip
- ✅ Secara berkala, melakukan pengecekan dan perbaikan terhadap error yang ditemui atau peningkatan yang bisa dikerjakan berkaitan dengan performa web
Monitoring
Minimal sekali, kalian perlu mendaftarkan website kalian ke Google Search Console yang disediakan gratis untuk terus bisa memantau berbagai metrik dan performa dari laman kalian.
🔖 Daftar Periksa: Monitoring
- ✅ Memastikan kepemilikan sudah tervalidasi dengan benar, umumnya dengan TXT Record di DNS, tapi bisa juga dengan menambah meta tag
- ✅ Secara berkala mengecek Search Console dan memperbaiki berbagai error yang ditemukan
Eksplorasi Tambahan
Eksplorasi mengenai fitur tambahan yang bisa jadi akan berguna bagi SEO. Sebagian tidak bisa dijalankan oleh orang teknis sendirian jadi perlu berkonsultasi juga dengan tim lainnya.
🔖 Daftar Periksa: Eksplorasi Tambahan
- ✅ Menambahkan link ke halaman lain dari website kalian yang masih terkait dan memiliki relevansi dengan laman yang sedang ditampilkan, ini untuk membangun lebih banyak internal link
- ✅ Mungkinkah untuk menambahkan artikel tambahan (biasa dikenal dengan SEO Text) bahkan untuk halaman-halaman yang sejatinya bukan sebuah artikel blog?
Peralatan Bantuan
Beberapa peralatan tambahan gratis yang bisa membantu kalian dalam mengerjakan hal-hal teknis terkait dengan SEO.
- ▶️ Search Console: untuk memonitor berbagai metrik terkait performa website kalian di mesin pencari
- ▶️ Rich Results: digunakan untuk melakukan pengujian Structured Data Markup
- ▶️ PageSpeed Insights: digunakan untuk melakukan pengujian performa pemuatan dari sebuah laman website
- ▶️ Metatags.io: untuk melakukan pengujian pada meta tag sebuah laman
- ▶️ schema-dts: merupakan typing yang dibuat oleh Google, membantu saat development dan harus membuat JSON-LD menggunakan TypeScript
🚦 Peringatan Tambahan
Memberikan akses ke Crawler dan mesin pencari bisa menaikkan juga peluang halaman website kalian untuk di crawl oleh Bot yang tidak diinginkan. Hal ini akan menjadikan traffic ke dalam website bisa naik secara signifikan namuim belum tentu berbuah baik. Karenanya kalian mungkin perlu secara berkala mengecek traffic yang datang dan melakukan bloking bisa memang diperlukan terutama pada Bot yang tidak diinginkan.
👋 Sekian dan terima kasih
Semoga bermanfaat 🙇
Foto cover diambil dari laman Pexel, Foto oleh Craig Adderley
