Alat developer web untuk men-debug masalah JavaScript di Google Penelusuran

Cara men-debug masalah SEO di setiap halaman atau di seluruh situs.

Google menyediakan banyak alat untuk membantu Anda men-debug masalah SEO JavaScript di Google Penelusuran. Panduan ini memberi Anda ringkasan tentang alat yang tersedia dan saran tentang kapan harus menggunakan setiap alat.

Menemukan masalah SEO dasar dengan Lighthouse

Gunakan Lighthouse untuk investigasi pertama Anda. Alat ini dilengkapi dengan banyak audit SEO.

Screenshot audit SEO di Lighthouse.

Audit SEO Lighthouse adalah pemeriksaan pertama yang sangat mendasar untuk satu halaman situs Anda. Alat ini mendeteksi kesalahan paling umum dan memberi Anda kesan pertama tentang performa situs Anda dalam hal kemampuan ditemukan mesin telusur. Perhatikan bahwa Lighthouse berjalan di browser Anda, yang bukan representasi akurat tentang cara Googlebot melihat halaman web. Misalnya, browser (dan Lighthouse) tidak menggunakan robots.txt untuk memutuskan apakah dapat mengambil resource dari jaringan, sedangkan Googlebot melakukannya. Jadi, saat Lighthouse mengidentifikasi potensi masalah, Anda harus memperbaikinya, tetapi Anda mungkin harus menggunakan alat lain untuk men-debug masalah lebih lanjut.

Memvalidasi halaman dengan alat pengujian Google Penelusuran

Google Penelusuran menyediakan serangkaian alat untuk menguji cara Googlebot melihat konten web Anda.
Beberapa alat ini sangat berguna saat melakukan pengujian dari lingkungan pengembangan Anda:

Bersama dengan alat seperti local-tunnel atau ngrok, Anda dapat membuat URL publik sementara dari lingkungan pengembangan lokal dan melakukan iterasi dengan cepat saat menguji dengan alat pengujian Google.

Alat pengujian ini memberi Anda beberapa informasi bermanfaat, seperti:

  • HTML yang dirender yang akan digunakan Googlebot untuk pengindeksan
  • Ringkasan resource yang dimuat dan penjelasan alasan resource tidak dapat dimuat
  • Pesan log konsol dan error JavaScript dengan pelacakan tumpukan
Screenshot Pengujian Situs Mobile-Friendly.

Alat Inspeksi URL Google Search Console juga dapat memberi Anda informasi mendetail tentang status halaman.

Screenshot Alat Inspeksi URL.

Di sini, Anda dapat mengetahui:

  • Jika URL ada di indeks Google Penelusuran atau dapat diindeks pada masa mendatang
  • Tampilan HTML yang dirender dari crawling terbaru
  • Tampilan HTML yang dirender untuk crawl baru halaman
  • Informasi tentang resource halaman
  • Pesan dan error log JavaScript dengan stack trace
  • Screenshot
  • Masalah kegunaan seluler
  • Data terstruktur apa yang terdeteksi di halaman dan apakah data tersebut valid

Dengan alat ini, Anda dapat mengidentifikasi sebagian besar masalah dan menyelesaikannya. Google Penelusuran juga menyediakan dokumentasi untuk memperbaiki masalah JavaScript terkait Google Penelusuran untuk mendapatkan panduan lebih lanjut tentang tindakan yang harus dilakukan setelah Anda mengidentifikasi penyebab masalah.

Menyelidiki kondisi situs dengan Google Search Console

Alat dari bagian terakhir sangat bagus untuk menyelesaikan masalah tertentu di satu halaman situs Anda, tetapi jika Anda ingin mendapatkan ringkasan yang lebih baik tentang seluruh situs, Google Search Console adalah tempat yang tepat.

Laporan cakupan

Laporan Cakupan menunjukkan halaman situs mana yang diindeks dan halaman mana yang memiliki masalah.

Screenshot laporan Cakupan.

Laporan Data Web Inti

Laporan Core Web Vitals membantu Anda mendapatkan ringkasan tentang performa halaman situs Anda dalam hal Core Web Vitals.

Screenshot laporan Data Web Inti.

Jadikan alat ini sebagai bagian dari alat developer Anda

Dalam artikel ini, kita telah melihat serangkaian alat untuk berbagai tujuan, mulai dari menguji halaman sebelum memublikasikannya hingga memantau halaman di situs aktif yang memberi Anda transparansi tentang performa situs Anda dalam hal visibilitas untuk Google Penelusuran. Beberapa alat ini mungkin menjadi bagian yang berguna dari toolkit pengembangan Anda, sementara yang lain mungkin lebih seperti alat ad-hoc untuk mengidentifikasi penyebab masalah dan memperbaiki halaman yang terpengaruh. Untuk mempelajari Google Penelusuran bagi developer atau SEO JavaScript lebih lanjut, lihat dokumentasi resmi Penelusuran bagi developer.