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

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

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

Temukan masalah SEO dasar dengan Lighthouse

Gunakan Lighthouse untuk penyelidikan 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 di situs Anda. Tag ini akan menangkap kesalahan paling umum dan memberi Anda kesan pertama tentang performa situs Anda dalam hal visibilitas mesin telusur. Perhatikan bahwa Lighthouse berjalan di browser Anda, yang bukan representasi yang akurat tentang cara Googlebot melihat halaman web. Misalnya, browser (dan Lighthouse) tidak menggunakan robots.txt untuk menentukan apakah browser dapat mengambil resource dari jaringan, sedangkan Googlebot menggunakan resource tersebut. 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 melakukan pengujian dengan alat pengujian Google.

Alat pengujian ini memberi Anda beberapa informasi yang bermanfaat, seperti:

  • HTML yang telah 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 memberikan informasi mendetail tentang status halaman.

Screenshot Alat Inspeksi URL.

Di sini Anda dapat mengetahuinya:

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

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

Menyelidiki kesehatan situs dengan Google Search Console

Alat dari bagian terakhir ini sangat andal dalam menyelesaikan masalah tertentu di satu halaman situs, 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 Anda yang diindeks dan halaman yang mengalami masalah.

Screenshot laporan Cakupan.

Laporan Data Web Inti

Laporan Data Web Inti membantu Anda mendapatkan ringkasan tentang performa halaman situs Anda dalam hal Tanda Vital Web Inti.

Screenshot laporan Core Web Vitals.

Jadikan alat ini bagian dari alat developer Anda

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