search ]

How to use the rel=next & rel=prev Tags?

The elements rel="next" and rel="prev" are HTML Link Elements intended to indicate relationships between URLs in a series or set of pages. On the level of internet sites, a numbered sequence of any content can take various forms…

Update – Embedding these elements is no longer relevant, and Google has stated that they do not refer to them.

It could be a long article divided into multiple pages with different addresses or a category of any product with products spread across several pages, or even a thread in a forum divided into a different sequence of URLs.

However, in most cases, these refer to situations where there are numbered pages (Pagination) that you can see in almost any blog on the internet and, of course, on this blog in category pages.

If you choose to use rel="next" and rel="prev" on those pages in a series, you are providing a clear hint to Google and indicating two things:

  • To consolidate specific properties at the index level – for example, consolidating links that appear on separate pages (Component URLs) into the series as a whole. Links will not be scattered without order between the first and second page in the series but will be arranged in a sequence, as will the references to them.
  • To direct users to the most relevant page in the series (usually the first page).
Rel-Next-Rel-Prev SEO

But there is a situation that deviates from the norm when embedding rel="next" and rel="prev": If throughout the series of content, you also offer users a page that displays all the content (a kind of View all Page), you need to handle these tags differently.

Since users generally prefer pages that include all the content, Google does its best to display this version in search results if it exists and is relevant, rather than any individual page in the series.

However, this exception is beyond the scope of this guide, but I will write about it soon, so subscribe to the mailing list if you’re interested.

SEO View all Pagination

Options for Single Pages in a Content Series

There are three options for you when you have a numbered or multi-page content:

  • Do nothing and leave it as it is. Numbered content exists throughout the network, and Google does its best to provide the best result for users. So even if you don’t embed rel="next" and rel="prev", you will likely get the desired results.
  • If you have a page that displays all the content (View all Page), follow the Guideline for this type of page.
  • Indicate to Google the relationship between those pages in the series using rel="next" and rel="prev". This option will help Google index your content more accurately and present users with the most relevant page (usually the first page, as mentioned).

Embedding “rel=”next” and “rel=”prev” Tags

If you choose the last option from the three we presented in the previous paragraph, let’s see how to embed these tags. Let’s say you have content in a series of four pages with the following addresses:

http://domain.com/article?story=abc&page=1
http://domain.com/article?story=abc&page=2
http://domain.com/article?story=abc&page=3
http://domain.com/article?story=abc&page=4

The code that needs to appear on the first page should be:

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

On the second page, the code should be:

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

On the third page:

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

And on the fourth page:

<link rel="prev" href="http://domain.com/article?story=abc&page=3" />

I hope it’s clear. Nevertheless, let’s clarify a few points that you may have missed or are not explicitly stated:

  • The first page should contain only the rel="next" tag without the rel="prev" tag.
  • From the second page onwards until the page before the last, both rel="next" and rel="prev" tags should be included.
  • The values in the rel="next" and rel="prev" tags can be either relative or absolute.
  • You should declare these tags only in the <head> and not in the <body> of the document.
  • You can use rel="previous" structurally.
  • The rel="next" and rel="prev" tags are hints to Google, not absolute directives.
  • When the tags are not properly embedded, Google will continue to index your page and rely on their algorithm to understand the content.

Furthermore, it’s essential to mention that rel="next" and rel="prev" and the rel="canonical" tag represent different concepts. Both declarations can appear on the same page. For example, the following URL:

http://domain.com/article?story=abc&page=2&sessionid=123;

Can include the following tags without any issue:

<link rel="canonical" href="http://domain.com/article?story=abc&page=2"/>
<link rel="prev" href="http://domain.com/article?story=abc&page=1&sessionid=123" />
<link rel="next" href="http://domain.com/article?story=abc&page=3&sessionid=123" />

For more information on Canonical Tags.

If you enjoyed the content or learned something new, I would appreciate it if you could like the blog’s Facebook page. It encourages writing new content! 🙂

Roee Yossef
Roee Yossef

I develop custom WordPress themes by design. I love typography, colors & everything between, and aim to provide high performance, seo optimized websites with a clean & semantic code.

0 Comments...

Leave a Comment

Add code using the buttons below. For example, to add PHP click the PHP button & add the code inside the shortcode. Typo? Please let us know...