Breadcrumb-Navigation

Was eine Breadcrumb-Navigation ist

Eine Breadcrumb-Navigation, auf Deutsch Brotkrümel-Navigation, ist eine sekundäre Navigation, die den Weg von der Startseite bis zur aktuell geöffneten Seite als horizontale Spur darstellt.

Start › Damen › Schuhe › Laufschuhe

Die einzelnen Stationen werden meist durch ein Größer-als-Zeichen (›) getrennt, manchmal auch durch einen Schrägstrich oder Pfeil, wichtig ist nur, dass die Trennung optisch eindeutig ist.

Der Name stammt aus dem Märchen von Hänsel und Gretel, die mit einer Spur aus Brotkrümeln zurückfinden wollten. Genau das leistet der Breadcrumb-Trail: Er zeigt, wo man sich befindet und wie man eine Ebene zurück oder zur Startseite navigieren kann.

Breadcrumbs ersetzen nicht die Hauptnavigation, sie ergänzen sie. Sie sitzen meist oben auf der Webseite, direkt unter dem Header und über dem eigentlichen Inhalt, und sind besonders auf tief verschachtelten Seiten wie E-Commerce-Websites wertvoll.

Wofür Breadcrumbs gut sind

Hinter der Suche nach „breadcrumb navigation“ stehen zwei Interessen: bessere Bedienbarkeit und bessere Auffindbarkeit. Eine Breadcrumb-Navigation zahlt auf beides ein.

Orientierung für Nutzer. Wer über eine Google-Suche tief auf einer Unterseite landet, sieht mit Breadcrumbs sofort, in welchem Bereich er ist, und kann mit einem Klick eine Ebene höher zu übergeordneten Seiten navigieren. Das senkt die Absprungrate und verbessert die User Experience deiner Website spürbar.

Struktur für Suchmaschinen. Breadcrumbs geben Google ein klares Bild der Website-Struktur und der Beziehung zwischen einzelnen Seiten. Mit den passenden strukturierten Daten erscheinen sie sogar direkt im Suchergebnis als Rich Snippets mit lesbarem Pfad statt der nackten URL.

Kurz: Die UX-Seite hilft den Menschen auf der Seite, die SEO-Seite hilft dabei, überhaupt gefunden und verstanden zu werden. Beide Effekte hängen an derselben sauberen Struktur, ein klarer Vorteil gegenüber Webseiten ohne diese Orientierung.

Verschiedene Arten von Breadcrumbs

Nicht jede Breadcrumb-Navigation funktioniert gleich. Üblich sind drei Typen, sie unterscheiden sich darin, woran sich die Spur orientiert:

• Pfad-basiert (Typ 01). Spiegelt die feste Hierarchie der Seite: Start › Kategorie › Unterkategorie. Der häufigste und für SEO wichtigste Typ. Beispiel: Start › Damen › Schuhe
• Attribut-basiert (Typ 02). Zeigt gewählte Eigenschaften statt einer Hierarchie, typisch in Shops mit Filtern, beispielsweise Farbe und Größe. Beispiel: Schuhe › Rot › 42
• Verlaufsbasierte Breadcrumbs (Typ 03). Bilden den tatsächlichen Klickpfad ab, statt eine feste Hierarchie zu zeigen. Selten empfohlen, weil sie den Zurück-Button nur duplizieren. Beispiel: Zuletzt besucht …

Für die meisten Webseiten ist der pfad-basierte Breadcrumb-Trail die richtige Wahl: Er ist vorhersehbar, spiegelt die Struktur und lässt sich sauber mit strukturierten Daten auszeichnen.

Breadcrumb-Navigation und SEO

Aus SEO-Sicht sind Breadcrumbs mehr als eine Bedienhilfe. Richtig umgesetzt, wirken sie an mehreren Stellen: Ob Breadcrumbs, Struktur und interne Verlinkung auf deiner Seite zusammenpassen, zeigt ein SEO-Audit.

• Strukturierte Daten. Mit BreadcrumbList-Markup nach Schema.org versteht Google die Hierarchie eindeutig und kann sie als Rich Snippets im Suchergebnis anzeigen.
• Breadcrumbs im Snippet. Statt der langen URL erscheint der lesbare Pfad, das wirkt vertrauenswürdiger und kann die Klickrate erhöhen.
• Interne Verlinkung. Jeder Krümel ist ein interner Link, der Linkkraft auf Kategorie- und Übersichtsseiten verteilt, relevant besonders für umfangreiche E-Commerce-Websites.
• Crawling & Kontext. Eine klare Spur hilft Suchmaschinen, die Beziehung zwischen einzelnen Seiten zu erfassen, Grundlage auch für Sitelinks und AI-Übersichten.

Der häufigste Fehler bei der Breadcrumb-Navigation für SEO ist, die sichtbare Anzeige und das Markup auseinanderlaufen zu lassen: Was im Code als Pfad ausgezeichnet ist, muss auf der Seite genauso zu sehen sein.

Häufiger Fehler: Breadcrumbs werden eingebaut, aber ohne strukturierte Daten, oder das Markup beschreibt einen anderen Pfad als die sichtbare Spur. Beides verschenkt das Snippet-Potenzial und kann Google verwirren.

Breadcrumbs umsetzen, auch in WordPress

Wie eine Breadcrumb-Navigation eingebaut wird, hängt vom Content-Management-System ab. Die Frage „breadcrumb navigation wordpress“ gehört zu den häufigsten, entsprechend gut ist sie dort gelöst: Die technische Umsetzung inklusive Strukturdaten übernimmt die Webdesign-Agentur, bei Shops die E-Commerce-Agentur.

• WordPress per Plugin. SEO-Plugins wie Yoast, Rank Math oder das spezialisierte Breadcrumb NavXT liefern Breadcrumbs inklusive Schema-Markup; meist genügt ein Theme-Snippet oder ein Block, um sie zu verwenden.
• WordPress über das Theme. Viele moderne Themes bringen eine eigene Breadcrumb-Funktion mit, die sich per Einstellung leicht aktivieren lässt.
• Andere Systeme & eigene Umsetzung. Shop- und CMS-Systeme haben oft eine native Breadcrumb-Funktion; bei individuellen Seiten wird der Pfad aus der Seitenstruktur erzeugt und mit BreadcrumbList ausgezeichnet.

Barrierefreiheit beachten

Ein Aspekt, der oft übersehen wird: Eine Breadcrumb-Navigation sollte mit einem aria-label versehen werden, etwa aria-label=“Breadcrumb“. Das hilft Screenreadern, die Navigation korrekt als solche zu erkennen und Nutzern mit Sehbehinderung die Orientierung auf deiner Website zu erleichtern, ein einfacher, aber relevanter Schritt für barrierefreie Webseiten. Wie Breadcrumbs mit dem Crawling zusammenhängen, erklärt der Ratgeber SEO-Crawler.

Wichtig bleibt unabhängig vom Werkzeug: Die Spur muss die echte Hierarchie abbilden, auf allen Seitentypen konsistent sein und sichtbar wie maschinenlesbar übereinstimmen. Genau hier wird aus dem schnellen Plugin-Einbau eine saubere Lösung.