Pagination, incidental loading of pages and their impact on indexation in Google

You can improve user experience on your website by displaying part of the results, which improves page performance, but you may need to take measures to make sure that the Google search robot can find the entire content of your site.

For example, you can show only a subset of available products if the user uses the search line on your e -commerce site. The full list can be too big to display on one web page or can take too much time for boot.

In addition to search results, you can download partial results on your website, for example:

• Pages of categories where all products of the same category are displayed
• Blog Posters or headings of newsletters published on the site
• User reviews on the product page
• Blog posts comments

Using an incremental load of content in response to user actions can bring the following advantages:

• Improving user experience, since the initial loading of the page is faster than loading all results at once.
• Reducing network traffic, which is especially important for mobile devices.
• Improving the performance of the server by reducing the volume of content extracted from databases and other systems.
• Increasing reliability by preventing overloading systems when loading long lists, which can lead to errors in the browser and on the server.

The choice of the best UX-patter for your site

You can choose to display the subset of the large list between different UX-patterns:

• Pagination: when the user can cross between the results with the results, using links such as the "next", "previous" and page numbers.
• The "Download more" button: the button by which the user can click to expand the initial set of displayed results.
• Endless scrolling: when the user can scroll to the end to load more content (see recommendations on the search friendly endless scroll).

Examples of various UX-patterns:

Pagination

Advantages:

• Allows users to see the total size of the results and their current position.

Flaws:

• More complex controls for navigation based on results.
• Content is divided into several pages, instead of being one continuous list.
• To view more results, you need to load new pages.

Button "download more"

Advantages:

• One page is used for all results.
• You can inform the user about the full size of the results (near the button).

Flaws:

• It cannot process a very large number of results, since they are all on the same page.

Endless scrolling

Advantages:

• One page is used for all content.
• It is intuitive - the user simply scrolls the page to view additional content.

Flaws:

• It can lead to fatigue from scrolling due to the indefinite size of the results.
• It cannot process a very large number of results.

How Google indexes various UX strategies for your site

After you have chosen the most suitable UX-pattern for your site and SEO, make sure that the Google search robot can find the entire content of your site.

For example, you can implement pagination using links to new pages, or using JavaScript to update the current page. Functionals "load more" and endless scrolls are usually realized through JavaScript. When the search engine scans the site to search for pages for indexing, it first of all checks the links specified in the attribute <a href>. Google robots do not “click” by buttons and usually do not activate JavaScript function that require the user’s actions to update current content.

If your site uses JavaScript, follow the best practices for JavaScript Seo. In addition, consider the possibility of using a site card or a FIDE Google Merchant Center to help Google find all products on your site.

The best practices in the implementation of pagination on your site for Google

So that Google can scan and index content with pagination, follow these best practices:

• Links between the pages should be consistent.
• Use the correct URL address.
• Do not index the URL with filters or alternative sorting.

Slove the links between pagination pages

So that the search engines correctly understand the relationship between the pages of the pagination, turn on the links from each page to the next page using tags <a href>. This will help search robots find the following pages. Also, consider the possibility of links from each page of the collection to the first page to emphasize the beginning of the collection for Google.

It is usually recommended to give web pages different headlines to distinguish them. However, pages in the sequence of pagination are not required to follow this rule. You can use the same headlines and descriptions for all pages of the sequence. Google tries to recognize the pages in the sequence and index them, respectively.

The use of URL addresses is correct

• Each page must be assigned a unique URL. For example, use a parameter ?page=nsince the pages in pagination are perceived by Google as separate pages.
• Do not use the first pagination page as a canonical page. Instead, each page needs to set its canonical URL.
• Do not use fragmentary URL identifiers (text after # in the URL) for the page number in the collection, as Google ignores fragmented identifiers.
• Consider the possibility of use preload, preconnect or prefetch To optimize transitions to the next page.

Earlier Google used tags <link rel="next" href="..."> And <link rel="prev" href="..."> To determine the relationships between the pages of the pagination, but at present Google does not use these tags anymore, although they can be used by other search engines.

Avoid URL indexing with filters and alternative sorting

If you support filters or various sorting methods for long lists of results on your site, for example, a filter ?order=priceTo sort the list by price, try to avoid indexing these variations. To do this, use the Noindex tag in metathas or limit scanning using the Robots.txt file.

If you have any questions about the implementation of the pagination or an incremental load of content on your site, you can seek help in the SEO company CEO By email: info@seo.computer, WhatsApp: +79202044461.

ID: 124