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 › Ancillary Justice

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

<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Books", "item": "https://example.com/books" },{ "@type": "ListItem", "position": 2, "name": "Authors", "item": "https://example.com/books/authors" },{ "@type": "ListItem", "position": 3, "name": "Ann Leckie", "item": "https://example.com/books/authors/annleckie" },{ "@type": "ListItem", "position": 4, "name": "Ancillary Justice", "item": "https://example.com/books/authors/ancillaryjustice" }] } </script>

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 › Ancillary Justice

RDFa

Hier sehen Sie ein Beispiel in RDFa, 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"> <span property="name">Books</span></a> <meta property="position" content="1"> </li> › <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction"> <span property="name">Science Fiction</span></a> <meta property="position" content="2"> </li> › <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction/awardwinnders"> <span property="name">Award Winners</span></a> <meta property="position" content="3"> </li> </ol>

Mikrodaten

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

<ol itemscope itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemtype="https://schema.org/Thing" itemprop="item" href="https://example.com/books"> <span itemprop="name">Books</span></a> <meta itemprop="position" content="1" /> </li> › <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemtype="https://schema.org/Thing" itemprop="item" href="https://example.com/books/sciencefiction"> <span itemprop="name">Science Fiction</span></a> <meta itemprop="position" content="2" /> </li> › <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemtype="https://schema.org/Thing" itemprop="item" href="https://example.com/books/sciencefiction/ancillaryjustice"> <span itemprop="name">Ancillary Justice</span></a> <meta itemprop="position" content="3" /> </li> </ol>

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

Bücher › Science Fiction › Award Winners
Literatur › Speculative Fiction

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"> <span property="name">Books</span></a> <meta property="position" content="1"> </li> › <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction"> <span property="name">Science Fiction</span></a> <meta property="position" content="2"> </li> › <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction/awardwinners"> <span property="name">Award Winners</span></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"> <span property="name">Literature</span></a> <meta property="position" content="1"> </li> › <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/literature/speculativefiction"> <span property="name">Speculative Fiction</span></a> <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 itemtype="https://schema.org/Thing" itemprop="item" href="https://example.com/books"> <span itemprop="name">Books</span></a> <meta itemprop="position" content="1" /> </li> › <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemtype="https://schema.org/Thing" itemprop="item" href="https://example.com/books/sciencefiction"> <span itemprop="name">Science Fiction</span></a> <meta itemprop="position" content="2" /> </li> › <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemtype="https://schema.org/Thing" itemprop="item" href="https://example.com/books/sciencefiction/awardwinners"> <span itemprop="name">Award Winners</span></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 itemtype="https://schema.org/Thing" itemprop="item" href="https://example.com/literature"> <span itemprop="name">Literature</span></a> <meta itemprop="position" content="1" /> </li> › <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemtype="https://schema.org/Thing" itemprop="item" href="https://example.com/literature/speculativefiction"> <span itemprop="name">Speculative Fiction</span></a> <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 können Sie den Navigationspfad einbinden, um die übergeordnete Suchkategorie wiederzugeben:

Bücher › Science Fiction › Award Winners

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 Eigenschaften
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.