I came across a site which serves multiple articles with single click using infinite scrolling.

I see page URL is updating as we reach to the bottom of 1st article and so on.

I am curious to know how it works. What is the procedure to implement it? What pros and cons it may have in terms of reporting and SEO.


From a technical standpoint

This page has broken down its content into different pages and uses the history.pushstate JavaScript function to change the URL as the user loads more content.

For a user: This is all one page of content that can be smoothly scrolled through. Once a 'floor' is hit, it dynamically loads in the next 'page'.

For a crawler or browser: This is seen as several pages in a paginated directory structure (eg. /category?page=2, /category?page=3).

It's important to use Use 'rel=next|prev' link headers to indicate pagination and allow Google to crawl this structure seamlessly. Google also has a blog post about optimising infinite scrolling.

There are guides on how to effectively implement this page structure and scripting.

How is this treated from an SEO perspective?

Like any other piece of paginated content. The initial page is given precedence and following pages are treated as subsidiaries.

  • 1
    I'd add that Googlebot doesn't scroll pages. Even though it is now renendering pages, it doesn't scroll down. For SEO, you still need to maintain regular links to your articles from something like the home page. – Stephen Ostermiller Jun 21 '17 at 16:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.