「prev」「next」をrel属性に使用したナビゲーション

複数のページに跨がるような続きもののコンテンツが存在する時、link要素でのrel属性を、rel="prev"と記述するとhref属性の値で指定したURLが現在文書の前ページであること、rel="next"と記述するとhref属性の値で指定したURLが現在文書の次ページであることを示す。

「prev」「next」を使用することで、続きものになったコンテンツの、個々のURL間の関係性を検索エンジンクローラに示すことができ、検索エンジンのインデックスがより正確になることが期待できる。また、閲覧者が使用する一部のブラウザでは、ナビゲーション用のメニューを提供する。

rel="prev"

複数ページに跨がるコンテンツにおいて、href属性で指定したURLが、現在文書の前の文書であることを示す。

rel="next"

複数ページに跨がるコンテンツにおいて、href属性で指定したURLが、現在文書の次の文書であることを示す。

href="URL"

前の文書及び次の文書のURLを示す。尚、絶対URLと相対URLのどちらの記述でも構わない。

<link rel="prev" href="page_1.html" title="前ページ">
<link rel="next" href="page_3.html" title="次ページ">

「rel="canonical"」を使用して優先ページを示す

canonicalを値としたrel="canonical"は、href属性に指定されたURLを優先するよう検索エンジンに指示を出す。「canonical」は参考情報であるものの、重要な参考情報となり得る。

ある文書で上記を記述した場合、その文書を捜索する検索エンジンに「優先ページ」を優先するよう指示を出す。類似する内容が含まれる文書が複数存在する時、どれか1つの文書を優先することでユーザの利便性を高める。

内容が重複するページが大量にあることはユーザの利便性を低下させる。検索エンジンも、内容が重複するページを良しとせずペナルティを受けかねない。

ウェブ制作の中で、ページの内容が重複するケースは多々ある。よって、canonicalのような仕組みは必要となる。

rel="prev"とrel="next"を指定することと、rel="canonical"を指定することは別々の概念。よって、同一のページに両方のlink要素が存在しても構わない。