Tidak semua situs jika di-browse ke bawah, berujung ke footer. Terdapat juga website yang mengimplementasikan infinite scrolling.
Jadi, situsnya akan terus menampilkan hal yang baru seiring semakin ke bawah user melakukan browsing.
Umumnya, infinite scrolling ini dilakukan di website berita karena ada banyak sekali URL berita dan demi memudahkan user untuk mencari berita yang mereka inginkan.
Bagaimana SEO best practice untuk halaman seperti ini?
Implementasi SEO untuk Halaman dengan Infinite Scrolling
1. Buat Semacam Pagination
Pecah konten pada infinite scrolling page menjadi beberapa komponen yang bisa diakses ketika Javascript dimatikan.
Tentukan halaman yang masuk ke komponen tersebut dan jaga kecepatan situs.
2. Jangan Sampai Ada Konten yang Overlap pada Pagination
Berikut penjelasan visualnya:
2. Struktur URL
Struktur URL yang baik seperti example.com/fun-items?lastid=567. Terlihat ada komponen pagination yang jelas.
Jangan pakai struktur seperti example.com/fun-items#1.
Di sisi lain, jangan gunakan URL yang relatif terhadap waktu seperti example.com/category/page.php?name=fun-items&days-ago=3.
3. Implementasikan replaceState dan pushState
Implementasikan replaceState dan pushState pada halaman dengan fitur infinite scroll.
Keputusan untuk menggunakan salah satu atau keduanya bergantung pada Anda serta perilaku pengguna situs Anda.
Namun, kami menyarankan penggunaan pushState (baik secara mandiri maupun dikombinasikan dengan replaceState) untuk situasi berikut:
- Setiap tindakan pengguna yang menyerupai tindakan mengeklik atau membalik halaman secara aktif.
- Untuk memberikan kemampuan kepada pengguna agar dapat menelusuri kembali konten yang baru saja dimuat (berdasarkan urutan halaman) secara berurutan.
4. Jangan Lupa Lakukan Pengetesan
Tes halaman infinite scrolling Anda dan jika ada page yang broken berikan kode 404.
Halaman Infinite Scrolling Juga Punya Best Practice SEO
Halaman dengan infinite scrolling memang mendorong user untuk browsing tanpa henti, meningkatkan time on page, dan bagus untuk situs dengan banyak konten seperti situs berita.
Meski demikian, tetap ada best practice agar SEO (Search Engine Optimization) pada infinite scrolling ini berjalan baik.
Apakah situs Anda menggunakan infinite scrolling?
Jika Anda memiliki pertanyaan terkait, silakan tuliskan pada kolom komentar di bawah atau bisa gabung ke grup Telegram DailySEO ID di sini.
Teman-teman juga bisa ajukan topik selanjutnya untuk kami bahas! Jika ingin belajar SEO dari ahlinya, yuk belajar di course-nya DailySEO ID!
Referensi:
https://developers.google.com/search/blog/2014/02/infinite-scroll-search-friendly
