How to fix content loading with lazy download on your Google website

The deferred loading of immature or invisible content, also known as “lazy loading”, is a common practice to improve the productivity and convenience of the user. However, if this technique is implemented incorrectly, it can accidentally hide the content from Google. This document explains how to make sure that Google can correctly index the lazy loaded content on your site.

Download content when it becomes visible in viewing on your site on Google

In order for Google to see all the content on your page, make sure that the implementation of lazy loading loads all relevant content when it becomes visible in the area of viewing. Here are a few methods of implementing lazy loading:

Built -in support of lazy loading for images and iframe in browsers.
Using IntervoBSERVER API with polyphill.
JavaScript library that supports data loading when they appear in the viewing area.

The listed methods do not depend on the actions of users, such as scrolling or click, which is important, since Google Search does not interact with your page as the user does.

Do not add lazy load to content, which is most likely to see immediately after the opening of the page. This can slow down the loading of content and its display in the browser, which will be very noticeable for users.

Be sure to test your implementation.

Support for page loading for endless scrolling on your Google website

In general, endless scrolling is a technique that loads new content as the user scrolls the page down. This can be a long article, divided into several parts, or a collection of elements, also divided into parts. To implement endless scrolling so that the content is indexed, make sure that your site supports the page loading of these parts, following these recommendations:

Each fragment of content should be assigned a unique constant URL.
Make sure that the content on each URL remains unchanged at each load in the browser. One way to do this is to use the absolute page numbers in the URL, for example,? Page = 12 as a request parameter.
Avoid the use of relative elements such as? Date = Yesterday in these URLs. This allows search engines and users to steadily find the same content according to a specific URL, which facilitates the indexation of content and gives users the opportunity to share and return to a certain part of the content.
Consistently tie individual URL so that the search engines can find the URL in the page. Learn more about the best practices in the implementation of pagination.
When the new page fragment is loaded in response to the scroll of the user and becomes the main visible element for the user, update the displayed URL using the History API. This will allow the user to update the page, share it or refer to the current URL in the browser.

Check the work of the implementation of lazy download on your site on Google

After you have set up the implementation, make sure that it works correctly. To do this, you can use the URL testing tool in Search Console to make sure that all the content was loaded. Check the displayed to make sure that your content is present in the loaded and find it through the URL checking tool. If URL images or videos are displayed in the SRC attribute on the elements or

For all questions, you can contact the SEO company "Seo.computer" by email info@seo.computer or through WhatsApp by number +79202044461.

ID 113