Memastikan Google dapat melihat konten yang lambat dimuat

Proses menunda pemuatan konten tidak penting atau tidak terlihat, yang biasanya disebut sebagai "pemuatan lambat", merupakan performa umum dan praktik terbaik UX. Untuk informasi lebih lanjut, lihat panduan Dasar-Dasar Web untuk pemuatan lambat gambar dan video. Namun, jika tidak diterapkan dengan benar, cara ini dapat menyembunyikan konten dari Google secara tidak sengaja. Dokumen ini menjelaskan cara memastikan Google dapat meng-crawl dan mengindeks konten yang lambat dimuat.

Memuat konten saat terlihat di viewport

Untuk memastikan Googlebot melihat semua konten di halaman Anda, pastikan implementasi pemuatan lambat Anda memuat semua konten yang relevan setiap kali terlihat di viewport. Berikut ini beberapa contoh cara Anda dapat menanganinya:

Pastikan untuk menguji implementasi Anda.

Mendukung pemuatan berpaginasi untuk scroll tanpa batas

Jika Anda menerapkan pengalaman scroll tanpa batas, pastikan hal tersebut juga mendukung pemuatan berpaginasi. Pemuatan berpaginasi penting bagi pengguna karena dapat membagikan dan mengunjungi kembali konten Anda. Selain itu, Google dapat menampilkan link ke titik tertentu dalam konten tersebut, bukan di halaman scrolling tanpa batas teratas.

Untuk mendukung pemuatan berpaginasi, berikan link unik ke setiap bagian yang dapat dibagikan dan dimuat secara langsung oleh pengguna. Sebaiknya gunakan History API untuk memperbarui URL ketika konten dimuat secara dinamis.

Pengujian

Setelah disiapkan, Anda harus memastikan bahwa penerapan berfungsi dengan benar. Salah satu caranya adalah dengan menggunakan skrip Puppeteer untuk menguji penerapan yang Anda lakukan secara lokal. Puppeteer adalah library Node.js untuk mengontrol Chrome headless. Untuk menjalankan skrip, Anda memerlukan Node.js. Gunakan perintah berikut untuk memeriksa skrip dan menjalankannya:

git checkout https://github.com/GoogleChromeLabs/puppeteer-examples
cd puppeteer-examples
npm i
node lazyimages_without_scroll_events.js -h

Setelah skrip dijalankan, tinjau gambar screenshot yang dihasilkan secara manual untuk memastikan gambar tersebut berisi semua konten yang akan dapat dilihat dan diindeks oleh Googlebot.

Anda juga dapat menggunakan fitur inspeksi URL di Search Console untuk melihat apakah semua gambar telah dimuat. Periksa screenshot dan HTML yang dirender untuk memastikan gambar Anda dimuat.

Kirim masukan tentang...

Penelusuran
Penelusuran