Ads Top

SEO Settings for rel=prev and rel=next


SEO Settings for rel=prev and rel=next


Sites often tend to paginate their content into several, smaller logical chunks that make it easier for readers to navigate through and keep track of. You can often see this type of thing in in-depth product reviews, where there are different sections divided into different pages. Similarly, news and other such publishing sites often tend to divide a very long article into several smaller chunks. Discussion forums also often break threads into sequential URLs. People have often asked us about how to handle such type of Pagination from a SEO point of view, because you want search engines to be able to associate all the related 'pages' together. Well, today, we'll tell you about the correct SEO Settings to paginate large content on your site.




When paginating, you can do two things to help search engines understand your content structure. You could either specify a view all page, or you could use rel="prev" and rel="next" to describe the associativity.


A View-all Page



You can create two versions of your content. One View-all page, which has all of the content on the same page. Some readers prefer this, since it doesn't require additional page loads. Google tries to show this page in search results. However, you can also create paginated version of the same content, and then use rel="canonical" on each component page, pointing to that View-all page, so as to avoid content duplication.



Check out the following post to find out more about using rel="canonical"






Using rel="prev" and rel="next"



You can use the next and prev attributes in HTML links, so as to describe the relation between two page. For example, suppose your content is broken up into three separate pages.




  • example.com/part1.html

  • example.com/part2.html

  • example.com/part3.html



Now, on the first page, you simply need to define a "next" page only, since there's no "prev" page. Similarly, for the last page, there's no "next" page; only a "prev" page.




  • For the first page, you can simply add a link to the next page using the <link> tag inside the <head> tag.



    <link rel="next" href="http://example.com/part2.html">


  • Similarly, the last page (part3) needs a link tag in its <head> section as follows



    <link rel="prev" href="http://example.com/part2.html">


  • Since all the middle parts have both previous and next counterparts, you need to include two links in such parts.



    <link rel="prev" href="http://example.com/part1.html">

    <link rel="next" href="http://example.com/part3.html">



Things to remember



The rel="prev" and rel="next" attributes are just hints to Google. They're not absolute directives. Meaning that they don't define the content or anything. They just tell Google what comes before and after this content.





URL parameters that don't change a page's content should also be included in the prev and next links. Examples of such parameters include session IDs, tracking number etc. Suppose you have a page example.com/article?page=2&id=123. It should contain the following link tags.




  • <link rel="prev" href="http://example.com/article?page=1&id=123">

  • <link rel="next" href="http://example.com/article?page=3&id=123">



Google itself does a very good job of recognizing such content. So even if you make a mistake with the prev and next attributes, it'll continue to index your pages, and rely on its own heuristics to understand the content. So you needn't worry about getting it wrong. But just make sure you don't make a mistake while using rel="canonical" (discussed above). Otherwise, you should be fine. Cheers :)

Categories

adsense adsense optimization adsense tips Animation Announcement Apps Background backlinks Basic blog Blog Design blogger Blogger Design Blogger Hack blogger pages blogger posts Blogger Security Blogger Special Tricks Blogger Templates Blogger Tips Blogger Tips & Tricks Blogger tools blogger tricks Blogger Widgets Blogger Widgets and plugins Blogging Basic Tips Blogging ethics Blogging tips Blogging Tools Blogging Tricks Btemplates 2013 Btemplates 2014 Bugs and Errors click bombing Comments css CSS and HTMLTricks CSS3 Cursors custom domain Design Drop Down Menu Earning Tips Editing emoticons Events Facebook Facebook tricks Featured Content Slider firebug Flash Free Coupons Free Recharge Gadget Generator Google Google AdSense Google Analytics Google Plus Google Plus Tricks Guest Posts Horizontal Menu How To HowTo Tuts HTML Image Image Effects Increase traffic instagram Interesting invalid clicks Java Script javascript jQuery Label labels Link Building Links LOGO Makers Make Money Make Money Online Marketing Menu bar menus Menus for Blogger Multi Tabbed Navigation navigation menu News Numbered Page Optimizing Other Tricks Page Photoshop Pop Out popular posts Post posts presentations Pure CSS Menu recent comments recent posts related posts Responsive Blogger Templates robots Rss Search box SEO SEO Strategy SEO Tips & Tricks sitemap Slide Show slideshows Social Media social media plugins statcounter static pages Style your Blog swf Tab Menu Template Template Designing Template Tricks Templates templates 2016 threaded comments Tips tools Traffic Tips Twitter Unlock modems Vertical bar Video Wallpapers Web Designing web hosting Webmaster Tools Widget Widget Generators Widgets wordpress WordPress Plugins WordPress Themes WordPress Tricks WP Tips
Powered by Blogger.