Navigationspfad

In den Navigationspfaden auf einer Seite wird die Position der Seite in der Websitehierarchie angegeben. Ein Nutzer kann, ausgehend vom letzten Element im Navigationspfad, jeweils eine Ebene in der Websitehierarchie nach oben gehen.

Beispiele

Die Google-Suche verwendet ein Markup für Navigationspfade im Textteil einer Webseite, um die Informationen dieser Seite in den Suchergebnissen zu kategorisieren. Wie die nachfolgend beschriebenen Fälle veranschaulichen, können Nutzer über sehr unterschiedliche Suchanfragen auf eine Seite gelangen. Zwar kann bei jeder Suche dieselbe Webseite zurückgegeben werden, doch kategorisiert der Navigationspfad den Inhalt innerhalb des Kontexts der Google-Suchanfrage. Die Seite ancillaryjustice.html etwa kann abhängig vom Suchkontext die folgenden Navigationspfade anzeigen:

Bei der Suchanfrage für den Buchtitel "Ancillary Justice" (dt. "Die Maschinen") kann der folgende Navigationspfad generiert werden:

Bücher › Autoren › Ann Leckie › Die Maschinen

Hier ist ein Beispiel in JSON-LD, mit dem dieser Navigationspfad unterstützt wird:

Eine Anfrage, in der nach einer Jahresangabe und einem genrespezifischen Preis gesucht wird – beispielsweise "Nebula Award for Best Novel 2014" –, kann dagegen zu folgendem Navigationspfad führen:

Bücher › Science-Fiction › Die Maschinen

RDFa

Hier sehen Sie ein Beispiel in RDFa, mit dem dieser Navigationspfad unterstützt wird:

Mikrodaten

Hier ist ein Mikrodatenbeispiel, mit dem dieser Navigationspfad unterstützt wird:

Hier ein Beispiel für einen Navigationspfad mit mehreren Positionen:

Bücher › Science-Fiction › Preisträger
Literatur › Fantastik

RDFa

Hier sehen Sie den RDFa-Beispielcode, mit dem dieser Navigationspfad unterstützt wird:

<ol vocab="https://schema.org/" typeof="BreadcrumbList">
 <li property="itemListElement" typeof="ListItem">
 <a property="item" typeof="WebPage"
 href="https://example.com/books">
 Books</a>
 <meta property="position" content="1">
 </li>
 ›
 <li property="itemListElement" typeof="ListItem">
 <a property="item" typeof="WebPage"
 href="https://example.com/books/sciencefiction">
 Science Fiction</a>
 <meta property="position" content="2">
 </li>
 ›
 <li property="itemListElement" typeof="ListItem">
 <a property="item" typeof="WebPage"
 href="https://example.com/books/sciencefiction/awardwinners">
 Award Winners</a>
 <meta property="position" content="3">
 </li>
</ol>
<ol vocab="https://schema.org/" typeof="BreadcrumbList">
 <li property="itemListElement" typeof="ListItem">
 <a property="item" typeof="WebPage"
 href="https://example.com/literature">
 Literature</a>
 <meta property="position" content="1">
 </li>
 ›
 <li property="itemListElement" typeof="ListItem">
 Speculative Fiction
 <meta property="position" content="2">
 </li>
</ol>

Mikrodaten

Dies ist das Mikrodatenbeispiel zur Unterstützung dieses Navigationspfades:

<ol itemscope itemtype="https://schema.org/BreadcrumbList">
 <li itemprop="itemListElement" itemscope
 itemtype="https://schema.org/ListItem">
 
 <a itemprop="item" href="https://example.com/books">
 Books</a>
 <meta itemprop="position" content="1" />
 </li>
 ›
 <li itemprop="itemListElement" itemscope
 itemtype="https://schema.org/ListItem">
 
 <a itemscope itemtype="https://schema.org/WebPage"
 itemprop="item" itemid="https://example.com/books/sciencefiction"
 href="https://example.com/books/sciencefiction">
 Science Fiction</a>
 <meta itemprop="position" content="2" />
 </li>
 ›
 <li itemprop="itemListElement" itemscope
 itemtype="https://schema.org/ListItem">
 <a itemprop="item" href="https://example.com/books/sciencefiction/awardwinners">
 Award Winners</a>
 <meta itemprop="position" content="3" />
 </li>
</ol>
<ol itemscope itemtype="https://schema.org/BreadcrumbList">
 <li itemprop="itemListElement" itemscope
 itemtype="https://schema.org/ListItem">
 <a itemprop="item" href="https://example.com/literature">
 Literature</a>
 <meta itemprop="position" content="1" />
 </li>
 ›
 <li itemprop="itemListElement" itemscope
 itemtype="https://schema.org/ListItem">
 Speculative Fiction
 <meta itemprop="position" content="2" />
 </li>
</ol>

HTML-Beispiel

Fügen Sie den HTML-Navigationspfadblock als Teil des optischen Erscheinungsbildes in die Seite ein. Der HTML-Navigationspfad für das Beispiel Richtlinien könnte so aussehen:

<ol>
  <li>
    <a href="http://www.example.com/books">Books</a>
  </li>
  <li>
    <a href="http://www.example.com/sciencefiction">Science Fiction</a>
  </li>
  <li>
    <a href="http://www.example.com/books/sciencefiction/awardwinners">Award Winners</a>
  </li>
<ol>

Richtlinien

Zusätzlich zu den allgemeinen Richtlinien für strukturierte Daten sollte für Profile in den sozialen Netzwerken mindestens ein Navigationspfad ohne direkten Link zur Zielseite erstellt werden, sofern das Auffinden der Seite innerhalb einer größeren Anzahl von Suchergebnissen möglich ist. Greifen wir das vorherige Beispiel noch einmal auf. Bei einer Suchanfrage wie Preisgekrönte Science-Fiction-Romane werden neben ancillaryjustice.html noch zahlreiche weitere Seiten ausgegeben. Daher kannst du den Navigationspfad einbinden, um die übergeordnete Suchkategorie wiederzugeben:

Bücher › Science-Fiction › Preisträger

Definitionen von Typen strukturierter Daten

Die Google-Suche erkennt die folgenden Eigenschaften eines BreadcrumbList-Elements. Sie müssen alle erforderlichen Eigenschaften hinzufügen, damit die Inhalte als Rich-Suchergebnis angezeigt werden können.

Erforderliche Properties

Erforderliche Properties
`item`	`Thing` Die URL zu der Webseite, die den Navigationspfad darstellt
`name`	`Text` Der Titel des Navigationspfads, der dem Nutzer angezeigt wird
`position`	`Integer` Die Position des Ergebnisses im Navigationspfad. Position 1 kennzeichnet den Anfang des Pfads.

item

Thing

Die URL zu der Webseite, die den Navigationspfad darstellt

name

Text

Der Titel des Navigationspfads, der dem Nutzer angezeigt wird

position

Integer

Die Position des Ergebnisses im Navigationspfad. Position 1 kennzeichnet den Anfang des Pfads.