Eine Breadcrumb-Navigation (kurz Breadcrumbs, deutsch auch Brotkrümelnavigation) ist eine Zeile mit Links, meist oberhalb des Inhalts, die den Weg von der Startseite zur aktuellen Seite zeigt. Sie macht sichtbar, wo eine Seite in der Hierarchie einer Website liegt, und erlaubt den Sprung zurück auf jede höhere Ebene.
Auf einen Blick
- Art
- sekundäre Navigation entlang der Website-Hierarchie
- Markup
BreadcrumbList(schema.org) in JSON-LD, Mikrodaten oder RDFa- Pflicht je Eintrag
position,name,item(beim letzten Eintrag optional)- Sichtbar?
- in Google auf dem Desktop; mobil seit Januar 2025 nur die Domain
Stand:
Wozu dienen Breadcrumbs?
Für Besucher sind Breadcrumbs eine Orientierungshilfe, besonders auf Websites mit mehreren Ebenen wie Shops oder großen Ratgeberbereichen. Wer über die Suche direkt auf einer Produktseite landet, sieht sofort, zu welcher Kategorie sie gehört. Die Nielsen Norman Group empfiehlt, Breadcrumbs als Ergänzung zur Hauptnavigation einzusetzen. Abgebildet wird die Hierarchie der Website, der Klickverlauf der Sitzung gehört nicht hinein.
Für SEO sind Breadcrumbs zusätzliche interne Links, die Kategorien und übergeordnete Seiten stärken. Google nutzt Breadcrumbs außerdem, um Seiten in den Suchergebnissen einzuordnen. Mit strukturierten Daten vom Typ BreadcrumbList lässt sich der Pfad für Google eindeutig auszeichnen. Pflicht sind dabei itemListElement mit ListItem-Einträgen, die jeweils position, name und item (die URL) enthalten. Beim letzten Element darf item fehlen. Google akzeptiert JSON-LD, Mikrodaten und RDFa. Erreicht man eine Seite über mehrere Wege, sind auch mehrere Pfade erlaubt.
Anzeige in der Google Suche
Seit Januar 2025 zeigt Google in den mobilen Suchergebnissen im URL-Bereich nur noch die Domain an. Die Breadcrumbs entfallen dort. Google begründet das damit, dass der Pfad auf kleinen Bildschirmen oft abgeschnitten wurde. Auf dem Desktop bleiben Breadcrumbs sichtbar, und auch der Bericht zu Navigationspfaden in der Search Console besteht weiter.
Beispiel
Sichtbarer Pfad auf einer Produktseite:
Startseite › Schuhe › Laufschuhe › Modell X
Das passende Markup als JSON-LD:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{"@type": "ListItem", "position": 1, "name": "Schuhe", "item": "https://www.example.com/schuhe/"},
{"@type": "ListItem", "position": 2, "name": "Laufschuhe", "item": "https://www.example.com/schuhe/laufschuhe/"},
{"@type": "ListItem", "position": 3, "name": "Modell X"}
]
}
</script>
Häufige Fehler
- Markup und sichtbarer Pfad weichen ab. Die strukturierten Daten sollen den Pfad beschreiben, den Besucher auf der Seite sehen.
- Klickverlauf statt Hierarchie. Ein Pfad, der sich je nach bisherigem Weg ändert, hilft weder Besuchern noch Suchmaschinen beim Einordnen.
- Breadcrumbs auf flachen Websites. Bei nur ein oder zwei Ebenen bringen sie laut Nielsen Norman Group wenig.
Häufige Fragen
Was bedeutet „Breadcrumbs“? Brotkrumen. Der Name spielt auf das Märchen von Hänsel und Gretel an, die mit Brotkrumen ihren Rückweg markieren.
Quellen
- Strukturierte Daten für Navigationspfade (BreadcrumbList) – Google Search Centraldevelopers.google.com
- Simplifying the visible URL element on mobile search results – Google Search Central Blog, Januar 2025developers.google.com
- Breadcrumb – MDN Web Docs Glossardeveloper.mozilla.org
- BreadcrumbList – schema.orgschema.org
- Breadcrumbs: 11 Design Guidelines for Desktop and Mobile – Nielsen Norman Group (Zweitquelle, UX)nngroup.com
- Allgemeine Richtlinien für strukturierte Daten – Google Search Centraldevelopers.google.com
Stand: