Memperbaiki masalah JavaScript yang terkait dengan Penelusuran
Panduan ini membantu Anda mengidentifikasi dan memperbaiki masalah JavaScript yang mungkin memblokir halaman Anda, atau konten tertentu pada halaman yang didukung JavaScript, agar tidak muncul di Google Penelusuran. Meskipun Googlebot menjalankan JavaScript, ada beberapa perbedaan dan batasan yang perlu Anda perhitungkan saat mendesain halaman web dan aplikasi Anda untuk mengakomodasi cara crawler mengakses dan merender konten Anda.
Googlebot didesain untuk menjadi fitur web yang baik. Crawling adalah prioritas utamanya, sembari memastikan hal ini tidak menyulitkan pengguna yang mengunjungi situs. Googlebot dan komponen Web Rendering Service (WRS) terus menganalisis dan mengidentifikasi resource yang tidak berkontribusi terhadap konten halaman yang penting, dan mungkin tidak mengambil resource tersebut. Misalnya, permintaan pelaporan dan error yang tidak berkontribusi pada konten halaman yang penting, dan jenis permintaan serupa lainnya tidak digunakan atau tidak diperlukan untuk mengekstrak konten halaman yang penting.
Jika Anda menduga bahwa masalah JavaScript mungkin memblokir halaman Anda, atau konten tertentu pada halaman yang didukung JavaScript, agar tidak muncul di Google Penelusuran, ikuti langkah-langkah di bawah ini:
Untuk menguji cara Google meng-crawl dan merender URL, gunakan Pengujian Situs Mobile-Friendly atau fitur inspeksi URL di Search Console. Anda dapat melihat resource yang dimuat, output dan pengecualian konsol JavaScript, DOM yang dirender, dan informasi selengkapnya dengan mengklik link informasi selengkapnya di kartu putusan halaman.
Selain itu, kami juga merekomendasikan pengumpulan dan audit error JavaScript yang ditemui oleh pengguna, termasuk Googlebot, di situs Anda untuk mengidentifikasi potensi masalah yang dapat memengaruhi cara konten dirender.
Tampilkan contoh
Berikut adalah contoh yang menunjukkan cara mencatat error JavaScript yang dicatat di pengendali onerror global.
window.addEventListener('error', function(e) {
var errorText = [
e.message,
'URL: ' + e.filename,
'Line: ' + e.lineno + ', Column: ' + e.colno,
'Stack: ' + (e.error && e.error.stack || '(no stack trace)')
].join('\n');
// Example: log errors as visual output into the host page.
// Note: you probably don’t want to show such errors to users, or
// have the errors get indexed by Googlebot; however, it may
// be a useful feature while actively debugging the page.
var DOM_ID = 'rendering-debug-pre';
if (!document.getElementById(DOM_ID)) {
var log = document.createElement('pre');
log.id = DOM_ID;
log.style.whiteSpace = 'pre-wrap';
log.textContent = errorText;
if (!document.body) document.body = document.createElement('body');
document.body.insertBefore(log, document.body.firstChild);
} else {
document.getElementById(DOM_ID).textContent += '\n\n' + errorText;
}
// Example: log the error to remote service.
// Note: you can log errors to a remote service, to understand
// and monitor the types of errors encountered by regular users,
// Googlebot, and other crawlers.
var client = new XMLHttpRequest();
client.open('POST', 'https://example.com/logError');
client.setRequestHeader('Content-Type', 'text/plain;charset=UTF-8');
client.send(errorText);
});
Jika masalah ini telah diperbaiki, tanda centang hijau akan muncul dan tidak ada error yang ditampilkan. Jika Anda masih melihat beberapa error, buat postingan di Grup Kerja Situs JavaScript dalam Penelusuran.
