Sunday, September 18, 2011

What are rel="next" and rel="prev" tags ? How and Where to Implement rel="next" and rel="prev" tags ?

What are rel="next" and rel="prev" tags ?

Google introduce new tags rel="next" and rel="prev" and Google give this name as Pagination with rel="next" and rel="prev"

The "next" tag describe the relation with your first page and "prev" tag describe the relation with your second page or previous page.

Where to Use rel="next" and rel="prev" tags ?


If you want to use these tags in your pages then first of all try to understand where you can use rel="next" and rel="prev" tags ?

This can be explain with an example. If you have webpages as follows (Let’s say you have content paginated into the following URLs)

http://www.example.com/article/what-are-next-and-prev-tags-1.html
http://www.example.com/article/what-are-next-and-prev-tags-2.html
http://www.example.com/article/what-are-next-and-prev-tags-3.html
http://www.example.com/article/what-are-next-and-prev-tags-4.html

Actually these four URL's have relations and these pages are describing about what are-next-and-prev-tags and are related with each others. And for these types of pages you can use "next" and "prev" tags.

How to Implement rel="next" and rel="prev" ?

You can implement "next" and "prev" tags as follows (For the above example)

Use the rel tags given as below for each page within <head> </head>

For first URL http://www.example.com/article/what-are-next-and-prev-tags-1.html

<link rel="next" href="http://www.example.com/article/what-are-next-and-prev-tags-2.html" />

For second URL http://www.example.com/article/what-are-next-and-prev-tags-2.html

<link rel="prev" href="http://www.example.com/article/what-are-next-and-prev-tags-1.html" />

<link rel="next" href="http://www.example.com/article/what-are-next-and-prev-tags-3.html" />

For Third URL http://www.example.com/article/what-are-next-and-prev-tags-3.html

<link rel="prev" href="http://www.example.com/article/what-are-next-and-prev-tags-2.html" />

<link rel="next" href="http://www.example.com/article/what-are-next-and-prev-tags-4.html" />

For Fourth URL http://www.example.com/article/what-are-next-and-prev-tags-4.html

<link rel="next" href="http://www.example.com/article/what-are-next-and-prev-tags-3.html" />

Some points to remember

(1) In first URL use only rel="next"
(2) In last URL use only rel="prev"

Recommended read Google official post Pagination with rel=“next” and rel=“prev”

I think now you can understand the concept of these new tags i.e. rel="next" and rel="prev" If you have any doubt then you can post here by giving comment.


No comments:

Post a Comment