Breadcrumb-Navigation

Was ist Breadcrumb-Navigation?

Die Breadcrumb-Navigation (deutsch: Brotkrümelnavigation oder Pfadnavigation) ist eine Zusatznavigation, die dir und deinen Nutzern zeigt, wo genau eine Seite in der Struktur einer Website liegt. Der Name geht auf das Märchen von Hänsel und Gretel zurück: Die Krümel markieren den Weg zurück. Typischerweise steht der Pfad als schmale Zeile oberhalb der H1 und ist mit Trennzeichen wie >, / oder » gegliedert.

Wichtig: Breadcrumbs ersetzen keine Hauptnavigation. Sie sind ein ergänzendes Orientierungselement, das besonders dann Wirkung zeigt, wenn Nutzer über eine Suchmaschine, eine Anzeige oder Social Media direkt auf eine Unterseite einsteigen – also ohne den Weg über die Startseite genommen zu haben.

Welche Typen gibt es?

• Hierarchische Breadcrumbs (Standard): Sie spiegeln die Website-Struktur, unabhängig davon, wie der Nutzer auf die Seite gekommen ist. Beispiel: Start > Damen > Schuhe > Sneaker.
• Pfad- bzw. verlaufsbasierte Breadcrumbs: Sie zeigen die zuvor besuchten Seiten. Sie duplizieren im Grunde die Zurück-Funktion des Browsers und gelten heute als wenig sinnvoll.
• Attributbasierte Breadcrumbs: Sie geben die gewählten Filter oder Eigenschaften wieder, häufig in Onlineshops (Sneaker > Größe 42 > Weiß). Hier solltest du prüfen, ob Filterseiten überhaupt indexiert werden sollen.

Wie funktioniert Breadcrumb-Navigation technisch?

Für Nutzer ist die Breadcrumb schlicht eine Kette verlinkter Elemente – jede Stufe außer der aktuellen Seite ist ein interner Link. Für Suchmaschinen wird sie zusätzlich über strukturierte Daten (maschinenlesbare Zusatzinformationen im Quellcode) verständlich gemacht. Der zuständige Schema.org-Typ heißt BreadcrumbList.

Google unterstützt dafür JSON-LD, Microdata und RDFa; JSON-LD im script-Bereich ist die gängigste Variante, weil sie vom sichtbaren HTML getrennt bleibt. Innerhalb der BreadcrumbList beschreibst du jede Stufe als ListItem mit diesen Angaben:

• position – die Reihenfolge, beginnend bei 1
• name – die Bezeichnung der Stufe, wie sie auch sichtbar ist
• item – die URL der Stufe (bei der letzten, aktuellen Stufe kann sie entfallen)

Grundregel: Das Markup muss zur sichtbaren Navigation passen. Markup ohne sichtbares Pendant oder mit abweichenden Bezeichnungen zählt als Verstoß gegen die Richtlinien für strukturierte Daten. Ob Google das Markup korrekt liest, prüfst du mit dem Rich-Results-Test oder dem Bericht zu Breadcrumbs in der Google Search Console.

Warum ist Breadcrumb-Navigation wichtig für SEO?

Breadcrumbs wirken auf drei Ebenen – Nutzerführung, interne Verlinkung und Darstellung in den Suchergebnissen:

• Orientierung und UX: Nutzer erkennen sofort, wo sie sind und wie sie eine Ebene höher kommen. Das senkt die Wahrscheinlichkeit, dass sie nach dem Einstieg auf einer Detailseite direkt wieder abspringen.
• Interne Verlinkung: Jede Detailseite verlinkt automatisch auf ihre Kategorie- und Oberseiten. Das stärkt die wichtigen Hub-Seiten, verteilt Linkkraft entlang der Hierarchie und hilft Crawlern, die Struktur der Website zu verstehen.
• Snippet-Darstellung: Google zeigt in den Suchergebnissen häufig eine Breadcrumb-Zeile statt der reinen URL. Damit sieht der Nutzer schon in der SERP den thematischen Kontext der Seite. Google kann diesen Pfad auch ohne Markup aus URL-Struktur und Seiteninhalt ableiten – mit korrektem BreadcrumbList-Markup gibst du aber ein klares Signal, welche Bezeichnungen verwendet werden sollen.

Einen direkten Ranking-Bonus „für Breadcrumbs" gibt es nicht. Der Nutzen entsteht indirekt über bessere Struktur, klarere Signale zur Themenhierarchie und potenziell attraktivere Snippets.

Wie grenzt sich Breadcrumb-Navigation von anderen Elementen ab?

Welche Fehler solltest du vermeiden?

1. Breadcrumb als Ersatz für flache Struktur: Wenn deine Website kaum Hierarchie hat (z. B. ein Blog ohne Kategorien), bringt eine Pfadnavigation wenig. Kläre zuerst die Struktur.
2. Aktuelle Seite verlinken: Die letzte Stufe sollte als Text stehen, nicht als Link auf sich selbst.
3. Abweichung von Markup und Sichtbarkeit: Unterschiedliche Namen oder URLs in HTML und JSON-LD führen zu Fehlern in den Berichten und im Extremfall zum Verlust der Darstellung.
4. Zu lange Bezeichnungen: Verwende kurze, sprechende Kategorienamen statt kompletter Title-Tags. Auf mobilen Geräten ist der Platz knapp.
5. Mehrere widersprüchliche Pfade: Liegt eine Seite in mehreren Kategorien, entscheide dich für einen Hauptpfad – oder gib mehrere BreadcrumbList-Objekte konsistent an.
6. Breadcrumb versteckt oder als Bild: Sie muss als crawlbarer Text mit echten a-Elementen ausgeliefert werden.

Praxis-Tipp: Leite die Breadcrumb möglichst automatisch aus deiner Informationsarchitektur ab, nicht manuell pro Seite. So bleibt sie auch nach Umbauten konsistent – und du vermeidest Pfade, die auf gelöschte oder weitergeleitete URLs zeigen.