Feature guides

Breadcrumb (BreadcrumbList) strukturierte Daten

Breadcrumb in search results

Ein Breadcrumb-Pfad auf einer Seite zeigt die Position der Seite in der Website-Hierarchie an und kann Nutzern helfen, eine Website effektiv zu verstehen und zu erkunden. Ein Nutzer kann sich durch die gesamte Website-Hierarchie nach oben navigieren, Ebene für Ebene, beginnend mit dem letzten Breadcrumb im Breadcrumb-Pfad.

Breadcrumb (BreadcrumbList) strukturierte Daten

Verfügbarkeit der Funktion

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

So fügen Sie strukturierte Daten hinzu

Strukturierte Daten sind ein standardisiertes Format zur Bereitstellung von Informationen über eine Seite und zur Klassifizierung des Seiteninhalts. Wenn Sie neu bei strukturierten Daten sind, können Sie mehr darüber erfahren
wie strukturierte Daten funktionieren.

Hier ist ein Überblick darüber, wie man strukturierte Daten erstellt, testet und veröffentlicht.

  1. Fügen Sie die erforderlichen Eigenschaftenhinzu. Abhängig vom verwendeten Format erfahren Sie, wo Sie strukturierte Daten auf der Seite einfügen.
  2. Befolgen Sie die Richtlinien.
  3. Validieren Sie Ihren Code mit dem
    Test für Rich-Suchergebnisse
    und beheben Sie alle kritischen Fehler. Erwägen Sie auch, nicht kritische Probleme zu beheben, die im Tool markiert werden könnten, da sie dazu beitragen können, die Qualität Ihrer strukturierten Daten zu verbessern (dies ist jedoch nicht erforderlich, um für Rich-Suchergebnisse in Frage zu kommen).
  4. Stellen Sie einige Seiten bereit, die Ihre strukturierten Daten enthalten, und verwenden Sie das URL-Prüftool um zu testen, wie Google die Seite sieht. Stellen Sie sicher, dass Ihre Seite für Google zugänglich ist und nicht durch eine robots.txt-Datei, das noindex Tag oder Anmeldeanforderungen blockiert wird. Wenn die Seite in Ordnung aussieht, können Sie
    Google bitten, Ihre URLs erneut zu crawlen.
  5. Um Google über zukünftige Änderungen auf dem Laufenden zu halten, empfehlen wir Ihnen,
    eine Sitemap einzureichen. Sie können dies mit der
    Search Console Sitemap API.

automatisieren

Beispiele

Die Google Suche verwendet Breadcrumb-Markup im Hauptteil einer Webseite, um die Informationen der Seite in den Suchergebnissen zu kategorisieren. Oft können Nutzer, wie in den folgenden Anwendungsfällen dargestellt, über sehr unterschiedliche Arten von Suchanfragen auf einer Seite landen. Während jede Suche dieselbe Webseite zurückgeben kann, kategorisiert der Breadcrumb den Inhalt im Kontext der Google-Suchanfrage. Die Seite für die Gewinner eines fiktiven Buchpreises könnte die folgenden Breadcrumb-Pfade verwenden:

Einzelner Breadcrumb-Pfad

Wenn es nur einen Breadcrumb-Pfad gibt, der zur Seite führen kann, könnte die Seite den folgenden Breadcrumb-Pfad angeben: ›
Bücher ›
Science-Fiction

Preisträger

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


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

Microdata


<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 ist ein Beispiel für einen HTML-Breadcrumb-Block innerhalb der Seite als Teil des visuellen Designs.

Mehrfacher Breadcrumb-Pfad

Wenn es mehrere Möglichkeiten gibt, zu einer Seite auf Ihrer Website zu navigieren, können Sie mehrere Breadcrumb-Pfade für eine einzelne Seite angeben. Hier ist ein Breadcrumb-Pfad, der zu einer Seite für preisgekrönte Bücher führt: ›
Bücher ›
Science-Fiction

Preisträger

Hier ist der andere Breadcrumb-Pfad, der zur selben Seite führt: ›
Literatur

Preisträger

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”
}]
},
{
“@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


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

Microdata


<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 ist ein Beispiel für einen HTML-Breadcrumb-Block innerhalb der Seite als Teil des visuellen Designs.

Richtlinien

Allgemeine Richtlinien für strukturierte Daten ListItem
für den Pfad der obersten Ebene (die Domain oder der Hostname Ihrer Website) oder für die Seite selbst.

Definitionen für strukturierte Datentypen

Um Breadcrumbs festzulegen, definieren Sie eine BreadcrumbList die mindestens zwei
ListItemsenthält. Sie müssen die erforderlichen Eigenschaften angeben, damit Ihr Inhalt für die Anzeige mit Breadcrumbs in Frage kommt.

BreadcrumbList ist das Containerelement, das alle Elemente in der Liste enthält. Die vollständige Definition von BreadcrumbList ist verfügbar unter
schema.org/BreadcrumbList. Die von Google unterstützten Eigenschaften sind die folgenden:

Erforderliche Eigenschaften
itemListElement

ListItem

Ein Array von Breadcrumbs, die in einer bestimmten Reihenfolge aufgelistet sind. Geben Sie jeden Breadcrumb mit einem
ListIteman. Zum Beispiel:

ListItem

ListItem enthält Details zu einem einzelnen Element in der Liste. Die vollständige Definition von ListItem ist verfügbar unter
schema.org/ListItem. Die von Google unterstützten Eigenschaften sind die folgenden:

Erforderliche Eigenschaften
item

URL oder ein Thing

Subtyp
Die URL der Webseite, die den Breadcrumb darstellt. Es gibt zwei Möglichkeiten,:

  • itemURL
  • anzugeben: Geben Sie die URL der Seite an. Zum Beispiel:Thing
    • : Verwenden Sie eine ID, um die URL basierend auf dem von Ihnen verwendeten Markup-Format anzugeben:JSON-LD : Verwenden Sie @id
    • , um die URL anzugeben.Microdata : Sie können href oder
      itemid
    • verwenden, um die URL anzugeben.RDFa : Sie können, abouthref oder resource

verwenden, um die URL anzugeben. Wenn der Breadcrumb das letzte Element im Breadcrumb-Pfad ist, ist item nicht erforderlich. Wenn item

für das letzte Element nicht enthalten ist, verwendet Google die URL der enthaltenden Seite.

name

Text
Der Titel des Breadcrumbs, der für den Benutzer angezeigt wird. Wenn Sie ein Thing mit einem name anstelle einer URL verwenden, umitem anzugeben, ist name

nicht erforderlich.

position

Integer

Die Position des Breadcrumbs im Breadcrumb-Pfad. Position 1 markiert den Beginn des Pfads. Überwachen Sie Rich Results mit der Search Console

Die Search Console ist ein Tool, mit dem Sie überwachen können, wie Ihre Seiten in der Google Suche abschneiden. Sie müssen sich nicht für die Search Console anmelden, um in den Google Suchergebnissen aufgenommen zu werden, aber es kann Ihnen helfen zu verstehen und zu verbessern, wie Google Ihre Website sieht. Wir empfehlen, die Search Console in folgenden Fällen zu überprüfen:

  1. Nach der ersten Implementierung strukturierter Daten
  2. Nach der Veröffentlichung neuer Vorlagen oder der Aktualisierung Ihres Codes
  3. Bei der regelmäßigen Analyse des Traffics

Nach der ersten Implementierung strukturierter Daten

Nachdem Google Ihre Seiten indexiert hat, suchen Sie nach Problemen mit dem entsprechenden
Statusbericht zu Rich-Suchergebnissen. Idealerweise sollte es einen Anstieg gültiger Elemente und keinen Anstieg ungültiger Elemente geben. Wenn Sie Probleme in Ihren strukturierten Daten finden:

  1. Beheben Sie die ungültigen Elemente.
  2. Überprüfen Sie eine Live-URL um zu sehen, ob das Problem weiterhin besteht.
  3. Validierung anfordern mithilfe des Statusberichts.

Nach der Veröffentlichung neuer Vorlagen oder der Aktualisierung Ihres Codes

Wenn Sie wesentliche Änderungen an Ihrer Website vornehmen, überwachen Sie diese auf einen Anstieg ungültiger strukturierter Daten.

  • Wenn Sie einen Anstieg ungültiger Elementesehen, haben Sie möglicherweise eine neue Vorlage eingeführt, die nicht funktioniert, oder Ihre Website interagiert auf eine neue und fehlerhafte Weise mit der bestehenden Vorlage.
  • Wenn Sie einen Rückgang gültiger Elemente sehen (ohne einen entsprechenden Anstieg ungültiger Elemente), betten Sie möglicherweise keine strukturierten Daten mehr in Ihre Seiten ein. Verwenden Sie das
    URL-Prüftool
    um herauszufinden, was das Problem verursacht.

Bei der regelmäßigen Analyse des Traffics

Analysieren Sie Ihren Google Such-Traffic mit dem Leistungsbericht. Die Daten zeigen Ihnen, wie oft Ihre Seite als Rich-Suchergebnis in der Suche erscheint, wie oft Nutzer darauf klicken und welche durchschnittliche Position Sie in den Suchergebnissen haben. Sie können diese Ergebnisse auch automatisch abrufen mit der Search Console API.

Fehlerbehebung

Wenn Sie Probleme bei der Implementierung oder dem Debugging strukturierter Daten haben, finden Sie hier einige Ressourcen, die Ihnen helfen könnten.

Alien Road

So setzen wir das um

Breadcrumb markup replaces the raw URL in results with a readable path. It is one of the cheapest visual improvements available and we add it to every client site with real hierarchy.

Verwandte Leistungen

Teilen