Tetap teratur dengan koleksi Simpan dan kategorikan konten berdasarkan preferensi Anda.
Memperbaiki konten yang lambat dimuat
Proses menunda pemuatan konten yang tidak terlalu penting atau tidak terlihat, biasanya disebut sebagai "pemuatan lambat", merupakan performa umum dan praktik terbaik UX. Untuk informasi selengkapnya, lihat referensi web.dev tentang pemuatan lambat gambar dan video. Namun, jika tidak diterapkan dengan benar, cara ini dapat menyembunyikan konten dari Google tanpa disengaja. Dokumen ini menjelaskan cara memastikan Google dapat meng-crawl dan mengindeks konten yang lambat dimuat.
Memuat konten saat terlihat di area pandang
Untuk memastikan Google melihat semua konten di halaman Anda, pastikan implementasi pemuatan lambat Anda memuat semua konten yang relevan setiap kali terlihat di area tampilan. Berikut beberapa metode untuk menerapkan pemuatan lambat:
Library JavaScript yang mendukung pemuatan data saat data memasuki area pandang
Metode yang disebutkan tidak bergantung pada tindakan pengguna, seperti men-scroll atau mengklik, untuk memuat konten, dan hal ini penting karena Google Penelusuran tidak berinteraksi dengan halaman Anda.
Jangan tambahkan pemuatan lambat ke konten yang diperkirakan akan langsung terlihat saat pengguna membuka halaman. Hal ini dapat menyebabkan konten memerlukan waktu lebih lama dimuat dan muncul di browser, yang akan mengganggu pengalaman pengguna.
Mendukung pemuatan dengan penomoran halaman untuk scrolling tanpa batas
Pada tingkat tinggi, scroll tanpa batas adalah teknik yang memuat lebih banyak konten dan lebih banyak halaman berbeda, saat pengguna men-scroll ke bawah halaman yang panjang. Halaman ini dapat berupa satu artikel panjang yang dibagi menjadi beberapa potongan, atau kumpulan item yang juga dibagi menjadi beberapa potongan. Untuk menerapkan scroll tanpa batas dengan cara yang dapat diindeks, pastikan situs Anda mendukung pemuatan dengan penomoran halaman dari bagian ini dengan melakukan hal berikut:
Berikan URL unik dan persisten untuk setiap bagian.
Pastikan konten yang ditampilkan di setiap URL tetap sama setiap kali dimuat di browser. Salah satu cara untuk melakukannya adalah dengan menggunakan nomor halaman absolut di URL, misalnya dengan menggunakan ?page=12 sebagai parameter kueri.
Hindari penggunaan elemen relatif seperti ?date=yesterday di URL ini. Hal ini memungkinkan mesin telusur dan pengguna secara konsisten menemukan konten yang sama di URL tertentu, sehingga memudahkan mesin telusur mengindeks konten dengan benar, dan memungkinkan pengguna berbagi serta berinteraksi kembali dengan bagian konten tersebut.
Saat potongan halaman baru dimuat sebagai respons terhadap scrolling pengguna, dan menjadi elemen utama yang terlihat oleh pengguna, perbarui URL yang ditampilkan menggunakan History API. Hal ini memungkinkan pengguna memuat ulang, membagikan, dan menautkan ke URL saat ini yang ditampilkan di browser.
Uji
Setelah disiapkan, pastikan implementasi Anda berfungsi dengan benar. Anda dapat menggunakan Alat Inspeksi URL di Search Console untuk melihat apakah semua konten telah dimuat. Periksa HTML yang dirender untuk memastikan konten Anda ada dalam HTML yang dirender dengan mencarinya di Alat Inspeksi URL. Jika URL gambar atau video Anda muncul di atribut src pada elemen <img> atau <video> dalam HTML yang dirender, konfigurasi Anda berfungsi dengan benar.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-08-04 UTC."],[[["\u003cp\u003eEnsure lazy-loaded content is loaded when visible in the viewport, using methods like browser-level lazy-loading or the IntersectionObserver API, so Google can see all content.\u003c/p\u003e\n"],["\u003cp\u003eSupport paginated loading for infinite scroll by giving each content chunk a unique URL, using absolute page numbers, linking sequentially, and updating the URL with the History API.\u003c/p\u003e\n"],["\u003cp\u003eTest your implementation using the URL Inspection Tool in Search Console to verify all content is loaded and appears in the rendered HTML.\u003c/p\u003e\n"]]],["Lazy-loading should load content when visible in the viewport using methods like browser built-in loading, IntersectionObserver API, or JavaScript libraries, avoiding reliance on user actions. For infinite scroll, each content chunk needs a unique, persistent URL (e.g., `?page=12`), and avoid relative elements, also link sequentially to these URL. Update the URL with the History API. Finally, verify implementation with the URL Inspection Tool in Search Console to check if content is present in rendered HTML.\n"],null,["Fix lazy-loaded content\n\n\nDeferring loading of non-critical or non-visible content, also commonly known as \"lazy-loading\", is a common performance and UX best practice. For more information, see [web.dev's resources on lazy-loading images and video](https://web.dev/fast#lazy-load-images-and-video).\nHowever, if not implemented correctly, this technique can inadvertently hide content from Google. This document explains how to make sure Google can crawl and index lazy-loaded content.\n\nLoad content when it's visible in the viewport\n\nTo ensure that Google sees all content on your page, make sure that your lazy-loading implementation loads all relevant content whenever it is visible in the viewport. Here are a few methods to implement lazy-loading:\n\n- [Browser built-in lazy-loading](https://web.dev/articles/browser-level-image-lazy-loading) for images and iframes\n- [IntersectionObserver API](https://web.dev/articles/intersectionobserver) and [a polyfill](https://github.com/GoogleChromeLabs/intersection-observer)\n- A JavaScript library that supports loading data when it enters the viewport\n\nThe methods mentioned don't rely on user actions, such as scrolling or clicking, to load content, which is important as Google Search does not interact with your page.\n\nDon't add lazy-loading to content that is likely to be immediately visible when a user opens a page. That might cause content to take longer to load and show up in the browser, which will be very noticeable to the user.\n\nMake sure to [test your implementation](#test).\n\nSupport paginated loading for infinite scroll\n\n\nAt a high level, infinite scroll is a technique that loads more content, more distinct pages,\nas the user scrolls down a long page. This could be one long article that's split into multiple\nchunks, or a collection of items that's similarly split into chunks. To implement infinite scroll\nin an indexable way, make sure your website supports paginated loading of these chunks by doing\nthe following:\n\n- Give each chunk its own persistent, unique URL.\n- Ensure that the content shown on each URL remains the same every time it's loaded in a browser. One way this can be done is to use absolute page numbers in the URL, for example by using `?page=12` as a query parameter.\n- Avoid using relative elements like `?date=yesterday` in these URLs. This allows search engines and users to consistently find the same content under a given URL, making it easier for search engines to properly index the content, and allowing users to share and reengage with that part of your content.\n- Link sequentially to the individual URLs so that search engines can discover the URLs in a paginated set. Find out more about [best\n practices when implementing pagination](/search/docs/specialty/ecommerce/pagination-and-incremental-page-loading#best-practices-when-implementing-pagination).\n- When a new page chunk is loaded in response to the user scrolling, and it becomes the primary visible element for the user, update the displayed URL using the [History API](https://developer.mozilla.org/en-US/docs/Web/API/History_API). This allows the user to refresh, share, and link to the current URL displayed in the browser.\n\nTest\n\n\nAfter you set up your implementation, make sure it works correctly.\nYou can use the [URL Inspection Tool](https://support.google.com/webmasters/answer/9012289) in Search Console to see if all content was loaded.\nCheck the rendered HTML to make sure your content is in the rendered HTML by looking for it in URL Inspection Tool. If your image or video URLs appear in the `src` attribute on the `\u003cimg\u003e` or `\u003cvideo\u003e` elements in the rendered HTML, your setup works correctly."]]
