Mobile app version of vmapp.org
Login or Join
Alves908

: How do you implement Rel=next & rel=prev in infinite scroll for SEO? Based on this article I have a SERP that does infinite scrolling to load results greater than 10. How do I go

@Alves908

Posted in: #GoogleSearch #SearchEngines #Seo

Based on this article

I have a SERP that does infinite scrolling to load results greater than 10.

How do I go about implement rel=next & rel=prev for that?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Alves908

2 Comments

Sorted by latest first Latest Oldest Best

 

@Phylliss660

I assume you already have an alternative conventional pagination mechanism set up for users who can't run JavaScript or who have it turned off. Just remember that search engines also belong in that group of users, and set up your rel=prev and rel=next links accordingly.

The only slightly tricky bit may be integrating your conventional and endless pagination methods seamlessly, so that, for example, a user who follows a link to a page in your conventional navigation scheme and has JS enabled will be shown the appropriate page in the endless scrolling navigation. The actual tricky part is doing that smoothly and efficiently, so that e.g. following a link to page 100 in the results won't crash my browser.

You might also want to make your infinite scrolling list make use of "hash-bang" URLs, so that a) your users can save links to specific points in your infinite list, and b) search engines that encounter such links can find their way to the appropriate page in the conventional list. For more information, see e.g. "How To: Allow Google to Crawl your AJAX Content".

10% popularity Vote Up Vote Down


 

@Murray432

The first page in the sequence should not have any rel next or rel prev, the second page should have:

<link rel="next" href="http://www.example.com/article?story=abc&page=2"/>


and

<link rel="prev" href="http://www.example.com/article?story=abc&page=1"/>


And so on through the sequence until it finishes.

Since your page infinitely scrolls and these tags are designed to go into the <head> of the page I don't think it's possible to implement these tags in your case - as there is actually only a single page.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme