Seitenumbruch mit rel="next" und rel="prev"

Donnerstag, 15. September 2011

Ähnlich wie rel="canonical", das einen eindeutigen Hinweis auf duplizierten Inhalt darstellt, könnt ihr jetzt die HTML-Linkelemente rel="next" und rel="prev" einsetzen, um auf die Verbindung zwischen URLs einzelner Komponenten in einer fortlaufenden Sequenz hinzuweisen. Es gibt eine Reihe von Möglichkeiten, Inhalte im Web als Teil einer fortlaufenden Sequenz anzuzeigen. Dabei kann es sich zum Beispiel um einen Artikel handeln, der auf mehrere Komponentenseiten aufgeteilt ist, oder eine Produktkategorie, deren Elemente über zahlreiche Seiten verteilt sind. Man könnte auch an einen Forums-Thread denken, der in eine Reihe von URLs unterteilt ist. Wenn ihr euch also dafür entscheidet, das Markup rel="next" und rel="prev" in die Komponentenseiten einer fortlaufenden Sequenz einzubauen, gebt ihr Google damit einen eindeutigen Hinweis, Folgendes zu tun:

  • Konsolidieren von Indexierungseigenschaften, wie Links von den Komponentenseiten/URLs zur gesamten Sequenz. So sollen zum Beispiel Links nicht getrennt voneinander auf den einzelnen Seiten wie page-1.html, page-2.html usw. verbleiben, sondern in einer Sequenz gruppiert werden.
  • Weiterleiten der Nutzer zur relevantesten Seite/URL, meistens der ersten Seite der Sequenz.
Für die Annotationen „rel=prev“ und „rel=next“ geeignete Seiten
Die Beziehung zwischen den einzelnen Komponenten-URLs einer Sequenz kann nun über rel="next" und rel="prev" für Google markiert werden.

Es gibt eine Ausnahme bei der Implementierung von rel="prev" und rel="next": Wenn ihr neben der sequenziellen Ansicht eures Inhalts auch eine Seite anbietet oder anbieten möchtet, auf der der gesamte Inhalt zu finden ist, solltet ihr unseren Beitrag zum Anzeigen des gesamten Inhalts in den Suchergebnissen lesen. Da die meisten Nutzer es bei der Suche bevorzugen, den kompletten Inhalt auf einer einzigen Seite zu sehen, bemühen wir uns, gegebenenfalls diese Version in den Suchergebnissen anzuzeigen und nicht die Komponentenseite. Die Komponentenseiten werden eher bei Verwendung von rel="next" und rel="prev" angezeigt.

Falls ihr keine Seite habt, auf der der gesamte Inhalt angezeigt wird, oder die Anzeige dieser Seite in Google unterbinden möchtet, dann verwendet rel="next" und rel="prev" wie in diesem Artikel beschrieben.

Beispiele für Seiten mit einer Gesamtansicht
Weitere Informationen zu Konfigurationen mit Paginierung und einer Seite, auf der der gesamte Inhalt angezeigt wird, findet ihr in unserem Beitrag zum Anzeigen des gesamten Inhalts in den Suchergebnissen.

Zusammenfassung der Optionen

Es gibt drei mögliche Optionen für eine Sequenz:

  1. Lasst alles genau so, wie es jetzt ist. Inhalte in Form von fortlaufenden Sequenzen sind keine Seltenheit im Web und wir bemühen uns weiterhin, euch die besten Suchergebnisse zu bieten, egal, ob das HTML-Markup rel="next" und rel="prev" nun verwendet wird oder nicht.
  2. Wenn ihr eine Seite anbietet oder anbieten möchtet, auf der der gesamte Inhalt zu finden ist, werft einen Blick auf unseren Beitrag zum Anzeigen des gesamten Inhalts in den Suchergebnissen.
  3. Gebt Google mithilfe von rel="next" und rel="prev" einen Hinweis auf die Beziehung zwischen den einzelnen Komponenten-URLs eurer Sequenz. Damit helft ihr uns, eure Inhalte genauer zu indexieren und Nutzern die relevanteste Seite (meistens die erste Seite) anzuzeigen. Details zur Implementierung findet ihr im Folgenden.

Wenn ihr euch für Option 3 (oben) entschieden habt, dann lasst uns loslegen! Nehmen wir also an, ihr habt eure Inhalte in einer fortlaufenden Sequenz in Form der folgenden URLs strukturiert: 

https://www.example.com/article?story=abc&page=1
https://www.example.com/article?story=abc&page=2
https://www.example.com/article?story=abc&page=3
https://www.example.com/article?story=abc&page=4

Auf der ersten Seite, https://www.example.com/article?story=abc&page=1, gebt ihr Folgendes in den <head>-Abschnitt ein: 

<link rel="next" href="https://www.example.com/article?story=abc&page=2" />

Auf der zweiten Seite, https://www.example.com/article?story=abc&page=2, gebt ihr Folgendes ein: 

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

Auf der dritten Seite, https://www.example.com/article?story=abc&page=3, gebt ihr Folgendes ein: 

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

Auf der letzten Seite, https://www.example.com/article?story=abc&page=4, gebt ihr Folgendes ein: 

<link rel="prev" href="https://www.example.com/article?story=abc&page=3" />

Beachtet dabei die folgenden Punkte:

  • Die erste Seite enthält nur rel="next" und nicht rel="prev".
  • Die zweite Seite und die vorletzte Seite müssen sowohl das Markup rel="next" als auch rel="prev" enthalten.
  • Die letzte Seite enthält nur das Markup rel="prev", jedoch nicht rel="next".
  • Die Werte für rel="next" und rel="prev" können je nachdem, was das <link />-Tag vorgibt, entweder relative oder absolute URLs sein. Wenn ihr einen <base/>-Link einfügt, werden relative URLs entsprechend der Basis-URL aufgelöst.
  • Ihr müsst rel="next" und rel="prev" nur im <head>-Abschnitt und nicht innerhalb des Dokuments im <body>-Abschnitt einfügen.
  • rel="previous" ist als syntaktische Variante zu rel="prev" zulässig.
  • Die beiden Markups rel="next" und rel="previous" sowie rel="canonical" sind als unabhängige Konzepte zu verstehen. Beide Deklarationen können auf derselben Seite verwendet werden. Zum Beispiel kann https://www.example.com/article?story=abc&page=2&sessionid=123 Folgendes enthalten: 
    <link rel="canonical" href="https://www.example.com/article?story=abc&page=2" />
<link rel="prev" href="https://www.example.com/article?story=abc&page=1&sessionid=123" />
<link rel="next" href="https://www.example.com/article?story=abc&page=3&sessionid=123" />
  • rel="prev" und rel="next" stellen für Google starke Hinweise dar, sie werden nicht als absolute Befehle betrachtet.
  • Sollten diese Elemente nicht korrekt eingebaut werden, wenn zum Beispiel ein erwartetes rel="prev" oder rel="next" in der Sequenz fehlt, indexieren wir die Seite(n) dennoch wie gewohnt und verlassen uns bei der Interpretation eurer Inhalte auf unsere Heuristik.

Weitere Informationen findet ihr in der Search Console-Hilfe und im Google Search Central-Hilfeforum.

Autoren: Benjia Li und Joachim Kupke, Software Engineers, Indexing Team