Friday, February 14, 2014

Google Offers guidance Infinite Scroll Web Pages

 Pages with Infinite  scroll are often valued by users but not so much by Googlebot, as Google themselves points out in a post published this morning on their official Webmaster Central blog. The problem with infinite scroll is that search engine spiders cannot creep the site as a user would without the capability to mimic behaviors like scrolling to the bottom of a page, clicking to load more, or clicking to load the next page in a series.

If spiders can’t access content, the chances of it appearing in search results are unlikely, and the truth is that spiders can’t always access all content on a page with infinite scroll. In order to make sure Googlebot can crawl all items linked from an endless scroll page, it is recommended that either the webmaster or the content management system produces a paginated series to agree with the infinite scroll.

Google says a page with infinite scroll is far more search friendly when changed to a paginated series. In a paginated series, each component page has a similar meta title with rel=next/prev values stated in the <head> tag.

Google’s Webmaster Trends Analyst, John Mueller, has created an infinite scroll pagination demo that illustrates two key search engine friendly feature of an infinite scroll page: All individual items are accessible and each item is listed only once in the paginated series.

Additional SEO Recommendations For Infinite Scroll

Google goes on to offer a detailed list of search friendly recommendations for pages with infinite scroll. Here are the significant points:

•    split up your infinite-scroll page content into component pages that can be accessed when JavaScript is disabled.

•    On each page makw sure that if a searcher came straight to this page, they could easily find what they need .

•    Make sure each page has a straight load time.

•    Make sure there is no overlap in content between each part page.

•    Each component page should contain a full URL that can be accessed independently.

•    Configure pagination with each component page containing rel=next and rel=prev values in the <head> tag.

•    Google recommends implementing pushState for any user action that resembles a click or dynamically turning a page.

•    Finally, test it by checking that page values adjust as the user scrolls up or down.
Applying these recommendations should make sure that your pages with infinite scroll are fully search engine friendly and all content can be seen by Google’s crawlers.


No comments:

Post a Comment