Strukturierte Daten für Navigationspfade (BreadcrumbList)

Navigationspfad in Suchergebnissen

Im Navigationspfad auf einer Seite wird die Position der Seite in der Websitehierarchie angegeben. Dadurch können Nutzer den Aufbau der Website besser verstehen und Inhalte effektiver durchsuchen. Ein Nutzer kann, ausgehend vom letzten Element im Navigationspfad, jeweils eine Ebene in der Websitehierarchie nach oben gehen.

Verfügbarkeit der Funktion

Diese Funktion ist auf Computern in allen Regionen und Sprachen verfügbar, in denen die Google Suche verfügbar ist.

So fügst du strukturierte Daten hinzu

Strukturierte Daten sind ein standardisiertes Format, mit dem du Informationen zu einer Seite angeben und die Seiteninhalte klassifizieren kannst. Falls strukturierte Daten für dich ein neues Thema sind, findest du hier Informationen dazu, wie sie funktionieren.

In der folgenden Übersicht haben wir zusammengefasst, wie du strukturierte Daten erstellst, testest und veröffentlichst.

  1. Füge die erforderlichen Properties hinzu. Hier erfährst du, wie du strukturierte Daten je nach verwendetem Format auf der Seite einfügst.
  2. Folge den Richtlinien.
  3. Prüfe deinen Code mit dem Test für Rich-Suchergebnisse und behebe alle kritischen Fehler. Zusätzlich solltest du alle nicht kritischen Probleme beheben, die im Tool möglicherweise gemeldet werden. Das kann dabei helfen, die Qualität deiner strukturierten Daten zu verbessern. Das ist jedoch nicht nötig, um für Rich-Suchergebnisse geeignet zu sein.
  4. Stelle ein paar Seiten mit deinen strukturierten Daten bereit und teste mit dem URL-Prüftool, wie Google die Seiten sieht. Achte darauf, dass die Seiten für Google zugänglich sind und nicht durch eine robots.txt-Datei, das noindex-Tag oder Anmeldeanforderungen blockiert werden. Wenn die Seiten in Ordnung sind, kannst du Google bitten, deine URLs noch einmal zu crawlen.
  5. Damit Google über künftige Änderungen auf dem Laufenden bleibt, empfehlen wir dir, eine Sitemap einzureichen. Mit der Search Console Sitemap API lässt sich dieser Vorgang automatisieren.

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 für die Gewinner eines fiktiven Buchpreises könnte die folgenden Navigationspfade verwenden:

Einzelner Navigationspfad

Wenn es nur einen Navigationspfad gibt, der zur Seite führen kann, könnte auf der Seite der folgende Navigationspfad angegeben werden:

Bücher › Science Fiction › Preisträger

JSON-LD

Hier ist ein Beispiel für diesen Navigationspfad in JSON-LD:


<html>
  <head>
    <title>Award Winners</title>
    <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": "Science Fiction",
        "item": "https://example.com/books/sciencefiction"
      },{
        "@type": "ListItem",
        "position": 3,
        "name": "Award Winners"
      }]
    }
    </script>
  </head>
  <body>
  </body>
</html>

RDFa

Hier ist ein Beispiel für diesen Navigationspfad in RDFa:


<html>
  <head>
    <title>Award Winners</title>
  </head>
  <body>
    <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">
        <span property="name">Award Winners</span>
        <meta property="position" content="3">
      </li>
    </ol>
  </body>
</html>

Mikrodaten

Hier ist ein Beispiel für diesen Navigationspfad als Mikrodaten:


<html>
  <head>
    <title>Award Winners</title>
  </head>
  <body>
    <ol itemscope itemtype="https://schema.org/BreadcrumbList">
      <li itemprop="itemListElement" itemscope
          itemtype="https://schema.org/ListItem">
        <a 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 itemscope itemtype="https://schema.org/WebPage"
           itemprop="item" itemid="https://example.com/books/sciencefiction"
           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">
        <span itemprop="name">Award winners</span>
        <meta itemprop="position" content="3" />
      </li>
    </ol>
  </body>
</html>

HTML

Hier siehst du ein Beispiel für einen HTML-Codeblock, mit dem der Navigationspfad den Nutzern auf der Webseite angezeigt wird.

<html>
  <head>
    <title>Award Winners</title>
  </head>
  <body>
    <ol>
      <li>
        <a href="https://www.example.com/books">Books</a>
      </li>
      <li>
        <a href="https://www.example.com/sciencefiction">Science Fiction</a>
      </li>
      <li>
        Award Winners
      </li>
    </ol>
  </body>
</html>

Mehrere Navigationspfade

Wenn es mehrere Möglichkeiten gibt, eine Seite deiner Website aufzurufen, kannst du für eine einzelne Seite mehrere Navigationspfade angeben. Hier ist ein Navigationspfad, der zu einer Seite mit Büchern führt, die Preise gewonnen haben:

Bücher › Science Fiction › Preisträger

Hier ist ein weiterer Navigationspfad zur selben Seite:

Literatur › Preisträger

JSON-LD

Hier ist ein JSON-LD-Beispiel für mehrere Navigationspfade:


<html>
  <head>
    <title>Award Winners</title>
    <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": "Science Fiction",
        "item": "https://example.com/books/sciencefiction"
      },{
        "@type": "ListItem",
        "position": 3,
        "name": "Award Winners"
      }]
    },
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "name": "Literature",
        "item": "https://example.com/literature"
      },{
        "@type": "ListItem",
        "position": 2,
        "name": "Award Winners"
      }]
    }]
    </script>
  </head>
  <body>
  </body>
</html>

RDFa

Hier ist ein RDFa-Beispiel für mehrere Navigationspfade:


<html>
  <head>
    <title>Award Winners</title>
  </head>
  <body>
    <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">
        <span property="name">Award Winners</span>
        <meta property="position" content="2">
      </li>
    </ol>
  </body>
</html>

Mikrodaten

Hier ist ein Mikrodaten-Beispiel für mehrere Navigationspfade:


<html>
  <head>
    <title>Award Winners</title>
  </head>
  <body>
    <ol itemscope itemtype="https://schema.org/BreadcrumbList">
      <li itemprop="itemListElement" itemscope
          itemtype="https://schema.org/ListItem">
        <a 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 itemscope itemtype="https://schema.org/WebPage"
           itemprop="item" itemid="https://example.com/books/sciencefiction"
           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 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 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">
        <span itemprop="name">Award Winners</span>
        <meta itemprop="position" content="2" />
      </li>
    </ol>
  </body>
</html>

HTML

Hier siehst du ein Beispiel für einen HTML-Codeblock, mit dem der Navigationspfad den Nutzern auf der Webseite angezeigt wird.

<html>
  <head>
    <title>Award Winners</title>
  </head>
  <body>
    <ol>
      <li>
        <a href="https://www.example.com/books">Books</a>
      </li>
      <li>
        <a href="https://www.example.com/books/sciencefiction">Science Fiction</a>
      </li>
      <li>
        Award Winners
      </li>
    </ol>
    <ol>
      <li>
        <a href="https://www.example.com/literature">Literature</a>
      </li>
      <li>
        Award Winners
      </li>
    </ol>
  </body>
</html>

Richtlinien

Du musst diese Richtlinien beachten, damit deine Inhalte in der Google-Suche mit Navigationspfaden angezeigt werden können.

Wir empfehlen, Navigationspfade anzugeben, die einen typischen Nutzerpfad zu dieser Webseite darstellen, anstatt die URL-Struktur zu übernehmen. Es ist nicht erforderlich, einen Navigationspfad ListItem für den Pfad der obersten Ebene (Domain- oder Hostnamen deiner Website) oder für die Seite selbst anzugeben.

Definitionen strukturierter Datentypen

Wenn du Navigationspfade angeben möchtest, definiere eine BreadcrumbList, die mindestens zwei ListItems enthält. Die erforderlichen Properties müssen hinzugefügt werden, damit die Inhalte mit Navigationspfaden angezeigt werden können.

BreadcrumbList ist das Containerelement, das alle Elemente in der Liste enthält. Die vollständige Definition von BreadcrumbList findest du unter schema.org/BreadcrumbList. Die von Google unterstützten Properties sind folgende:

Erforderliche Properties
itemListElement

ListItem

Ein Array von Navigationspfaden, die in einer bestimmten Reihenfolge aufgelistet sind. Gib jeden Navigationspfad mit einem ListItem an. Beispiel:

{
"@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"
  }]
}

ListItem

ListItem enthält Details zu einem einzelnen Element in der Liste. Die vollständige Definition von ListItem findest du unter schema.org/ListItem. Die von Google unterstützten Properties sind folgende:

Erforderliche Properties
item

URL oder ein Untertyp von Thing

Die URL zu der Webseite, die den Navigationspfad darstellt. Es gibt zwei Möglichkeiten, item anzugeben:

  • URL: Gib die URL der Seite an. Beispiel: 
    "item": "https://example.com/books"
  • Thing: Verwende eine ID, um die URL entsprechend dem von dir verwendeten Markup-Format anzugeben:
    • JSON-LD: Gib die URL mit @id an.
    • Mikrodaten: Du kannst für die URL href oder itemid verwenden.
    • RDFa: Gib die URL mit about, href oder resource an.

Wenn es sich um das letzte Element im Navigationspfad handelt, ist item nicht erforderlich. Wurde item für das letzte Element nicht angegeben, verwendet Google die URL der entsprechenden Seite.

name

Text

Der Titel des Navigationspfads, der dem Nutzer angezeigt wird Wenn du das Thing-Element mit name statt URL verwendest, um item anzugeben, ist name nicht erforderlich.
position

Integer

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

使用 Search Console 监控富媒体搜索结果

Search Console 是一款工具，可帮助您监控网页在 Google 搜索结果中的显示效果。即使没有注册 Search Console，您的网页也可能会显示在 Google 搜索结果中，但注册 Search Console 能够帮助您了解 Google 如何查看您的网站并做出相应的改进。建议您在以下情况下查看 Search Console：

  1. 首次部署结构化数据后
  2. 发布新模板或更新代码后
  3. 定期分析流量时

首次部署结构化数据后

等 Google 将网页编入索引后，请在相关的富媒体搜索结果状态报告中查看是否存在问题。 理想情况下，有效项目数量会增加，而无效项目数量不会增加。如果您发现结构化数据存在问题，请执行以下操作：

  1. 修正无效项目。
  2. 检查实际网址，核实问题是否仍然存在。
  3. 使用状态报告请求验证。

发布新模板或更新代码后

如果对网站进行重大更改，请监控结构化数据无效项目的增幅。
  • 如果您发现无效项目增多了，可能是因为您推出的某个新模板无法正常工作，或者您的网站以一种新的错误方式与现有模板交互。
  • 如果您发现有效项目减少了（但无效项目的增加情况并不对应），可能是因为您的网页中未再嵌入结构化数据。请通过网址检查工具了解导致此问题的原因。

定期分析流量时

请使用效果报告分析您的 Google 搜索流量。数据将显示您的网页在 Google 搜索结果中显示为富媒体搜索结果的频率、用户点击该网页的频率以及网页在搜索结果中的平均排名。您还可以使用 Search Console API 自动提取这些结果。

Fehlerbehebung

Falls du Probleme bei der Implementierung oder Fehlerbehebung von strukturierten Daten hast, versuch es mit diesen Lösungsansätzen: