How-To: Seitennummerierung mit rel=”next” und rel=”prev”

Genauso, wie man mit rel=”canonical” einen Hinweis auf Duplicate Content gibt, kann man die HTML-Elemente rel=”next” und rel=”prev” nutzen, um auf eine Beziehung zwischen URLs im Rahmen einer Seitennummerierung hinzuweisen. Hier findest Du einige Möglichkeiten für den Umgang mit Blätterseiten, lernst die Vorgehensweise kennen und bekommst wichtige Hinweise zum Einfügen dieser HTML Elemente.

Möglichkeiten der Seitennummerierung mit rel=”next” und rel=”prev”

Der Content einer Webseite kann auf verschiedene Seiten aufgeteilt werden. Beispielsweise kann es eine Kategorieseite sein, deren Produkte auf verschiedene einzelne Seiten aufgeteilt sind oder auch ein Thema eines Forums, das in eine Sequenz von URLs aufgegliedert ist. Bei einer Verwendung der Seitennummerierung mit rel=”next” und rel=”prev” gibst Du Google einen Hinweis darauf, welche Unterseiten zusammengehören und Blätterseiten darstellen.

Eine Möglichkeit mit Blätterseiten umzugehen und Google bei deren Erkennung zu helfen, ist es eine sogenannte View-all-page zu erstellen. Diese beinhaltet dann alle Informationen der einzelnen Blätterseiten auf einen Blick. Google verwendet diese Seite in den Suchergebnissen, da die Suchenden diese Seiten bevorzugen. Die View-all-pages enthalten schließlich alle Informationen.

Du kannst Google dabei helfen die View-all-page statt der einzelnen Blätterseiten in den Suchergebnissen zu verwenden, in dem Du Canonical Tags verwendest. Setze auf den Blätterseiten jeweils ein Canonical Tag, das auf die View-all-page zeigt. Die Seitenbezifferung kann aber auch mit rel=”prev” und rel=”next” erfolgen. Du zeigst Google so, wie die Seiten angeordnet sind. Google kann so die Reihenfolge der Unterseiten sofort erkennen.

Vorgehensweise zum Einfügen von rel=”next” und rel=”prev”

Mit der Annahme, dass eine Webseite in diese URLs aufgeteilt ist, kann wie folgt vorgegangen werden:

• http://www.example.com/article?story=abc&page=1

• http://www.example.com/article?story=abc&page=2

• http://www.example.com/article?story=abc&page=3

• http://www.example.com/article?story=abc&page=4

Auf der ersten Seite http://www.example.com/article?story=abc&page=1 muss im head Bereich des HTML Dokuments Folgendes eingefügt werden:

• link rel=“next“ href=“http://www.example.com/article?story=abc&page=2″

Auf der zweiten Seite: http://www.example.com/article?story=abc&page=2:

• link rel=“prev“ href=“http://www.example.com/article?story=abc&page=1″

• link rel=“next“ href=“http://www.example.com/article?story=abc&page=3″

Auf der dritten Seite http://www.example.com/article?story=abc&page=3:

• link rel=“prev“ href=”http://www.example.com/article?story=abc&page=2”

• link rel=“next“ href=“http://www.example.com/article?story=abc&page=4″

Und auf der letzten Seite http://www.example.com/article?story=abc&page=4:

• link rel=“prev“ href=“http://www.example.com/article?story=abc&page=3″

Wichtige Hinweise für das Einfügen von rel=”next” und rel=”prev”

Erwähnenswert ist, dass die erste Seite lediglich rel=”next” enthalten muss, die letzte nur rel=”prev”. Auf den restlichen, “mittleren” Seiten müssen beide Markups, sowohl rel=”next” als auch rel=”prev” eingefügt sein. Die HTML-Elemente rel=”prev” and rel=”next” dienen als Hinweise für Google, nicht als absolute Anweisungen.

Es können im link Tag sowohl relative als auch absolute URLs verwendet werden. Solange ein link im Dokument einbaut ist, werden sich relative Pfade gemäß der dort angegebenen URL auflösen. Zur Vermeidung von Fehlern macht es aber mehr Sinn absolute Links zu nutzen. rel=”next” and rel=”prev” müssen nur im head angegeben werden und nicht im Dokument selbst (body).

Google erkennt rel=”previous” als syntaktische Variante von rel=”prev” Links. rel=”next”, rel=”prev” und das Canonical Tag können gleizeitig auf einer Unterseite eingesetzt werden. Beispielsweise könnte http://www.example.com/article?story=abc&page=2&sessionid=123 folgendes enthalten:

• link rel=“canonical“ href=”http://www.example.com/article?story=abc&page=2”

• link rel=“prev“ href=“http://www.example.com/article?story=abc&page=1&sessionid=123”

• link rel=“next“ href=“http://www.example.com/article?story=abc&page=3&sessionid=123”

Ist Dir ein Fehler beim Einfügen passiert, hat das zur Folge, dass Google den Aufbau Deiner Seite ohne diese Hinweise erschließen muss. Dann musst Du Dich auf die Auswertung von Google verlassen und hast keinen weiteren Einfluss. Mit den Elementen rel=”prev” und rel=”next” kannst Du Google mit wenigen Zeilen Code einfache Hinweise zur Struktur Deiner Seite geben. Du hast aber mit der View-all-page auch noch andere Möglichkeiten. Überlege Dir, wie Du mit Blätterseiten umgehen möchtest und finde die für Deine Webseite passende Strategie.