Breadcrumb-Navigation

Kurzdefinition

Eine Breadcrumb-Navigation ist eine Zeile aus Links, die zeigt, wo die aktuelle Seite innerhalb einer Website liegt. In einem Onlineshop sieht eine typische Spur so aus: Startseite > Damen > Schuhe > Trailrunning-Schuhe. Jeder Eintrag außer dem letzten verlinkt auf eine übergeordnete Seite, der letzte benennt die Seite, auf der du gerade bist.

Der Name stammt aus dem Märchen von Hänsel und Gretel, die Brotkrumen streuen, um den Rückweg zu finden. Auf einer Website erfüllt die Spur eine ähnliche Aufgabe. Wer über die Suche auf einer tiefen Unterseite landet, sieht sofort, wo er ist, und kommt mit einem Klick eine Ebene höher. Für Suchmaschinen ist dieselbe Spur eine Reihe crawlbarer interner Links und, mit strukturierten Daten, eine maschinenlesbare Beschreibung der Hierarchie.

Drei Arten von Breadcrumbs

Unter dem Begriff laufen drei verschiedene Muster. Nur eines davon ist gemeint, wenn es um SEO geht.

• Hierarchische Breadcrumbs folgen der Struktur der Website: Startseite > Ratgeber > Technisches SEO > Canonical-Tags. Sie bleiben gleich, egal wie der Besucher gekommen ist. Das ist der Standard.
• Attributbasierte Breadcrumbs beschreiben eine gefilterte Ansicht, typisch im E-Commerce: Schuhe > Trailrunning > Wasserdicht > Größe 42. Sie zeigen, welche Filter aktiv sind. Weil jede Filterkombination eine eigene URL erzeugen kann, brauchen diese Spuren dieselbe Sorgfalt wie die Filterseiten selbst.
• Verlaufsbasierte Breadcrumbs listen die Seiten auf, die jemand in der aktuellen Sitzung angeklickt hat. Sie wiederholen den Zurück-Button des Browsers, ändern sich bei jedem Besuch und bieten Crawlern nichts Stabiles. Die meisten Websites fahren ohne sie besser.

Wenn auf dieser Seite ohne Zusatz von Breadcrumbs die Rede ist, sind die hierarchischen gemeint.

Was Breadcrumbs für Besucher leisten

Die Suche schickt Menschen direkt auf tiefe Seiten. Wer einen bestimmten Trailschuh sucht, landet vielleicht auf der Produktseite, ohne Startseite oder Kategoriemenü je gesehen zu haben. Die Spur beantwortet zwei Fragen auf einmal: Wo bin ich, und was gibt es hier noch?

Usability-Leitlinien, etwa von der Nielsen Norman Group, behandeln Breadcrumbs als sekundäre Navigation. Sie helfen auf Websites mit mehreren Hierarchieebenen, ersetzen aber nie das Hauptmenü oder Links im Text. Eine Website mit zwei Ebenen gewinnt durch eine Spur wenig, ein Shop mit fünf Kategorieebenen sehr viel.

Auf kleinen Bildschirmen brechen lange Spuren über mehrere Zeilen um und schieben den Inhalt nach unten. Übliche Lösungen sind eine horizontal scrollbare Spur, gekürzte Zwischenebenen oder nur ein Link zur direkten Elternseite, etwa „Zurück zu Schuhe“. Egal, wofür du dich entscheidest: Der Link nach oben sollte gut lesbar und leicht antippbar bleiben.

Was Breadcrumbs für SEO leisten

Google veröffentlicht kein Ranking-Gewicht für Breadcrumbs, und Versprechen in diese Richtung solltest du skeptisch sehen. Der Nutzen ist praktisch und kommt aus drei Richtungen.

Breadcrumbs sind interne Links

Jeder Eintrag ist ein gewöhnlicher HTML-Link von einer tiefen Seite zu ihren Elternseiten. Eine Kategorie mit 300 Produkten erhält von jedem dieser Produkte einen Link. Das hilft Crawlern, die Kategorie zu finden und erneut zu besuchen, und verteilt Linkkraft innerhalb der Website entlang der Hierarchie. Weil der Ankertext der Kategoriename ist, tragen diese Links zugleich eine kurze, beschreibende Bezeichnung der Zielseite.

Sie bilden die Hierarchie einheitlich ab

Wenn Menü, Breadcrumbs und Kategorien übereinstimmen, ist die Struktur der Website für Menschen und Maschinen leicht zu lesen. Ein Produkt, das im Menü unter „Trailrunning-Schuhe“ hängt, in seiner Spur aber „Sale > Sonstiges“ zeigt, sendet widersprüchliche Signale und verwirrt Besucher.

Sie können die Darstellung im Suchergebnis ändern

Mit strukturierten Daten vom Typ BreadcrumbList, also Schema-Markup nach schema.org, kann Google in einem Ergebnis eine Pfadanzeige statt des rohen URL-Pfads zeigen. Laut Googles Dokumentation nutzt die Suche Breadcrumb-Markup im Seiteninhalt, um die Informationen der Seite in den Suchergebnissen einzuordnen. Eine Anzeige ist nie garantiert, und das Erscheinungsbild ändert sich mit der Zeit. Im Januar 2025 hat Google angekündigt, in mobilen Ergebnissen in der URL-Zeile nur noch die Domain zu zeigen, während Desktop-Ergebnisse weiterhin die Pfadanzeige im Breadcrumb-Stil zeigen können. Das Markup selbst wird weiter unterstützt.

Breadcrumbs sind keine Kopie der URL

Google empfiehlt Breadcrumbs, die einen typischen Nutzerweg zur Seite abbilden, statt die URL-Struktur zu spiegeln. Diese Unterscheidung ist wichtig für Websites mit kurzen oder technischen URLs.

Ein Produkt kann zum Beispiel unter /p/48213 liegen und trotzdem die Spur Startseite > Damen > Schuhe > Trailrunning-Schuhe zeigen. Ein Blogartikel unter /blog/2026/10/crawl-budget-mythen kann die Spur Startseite > Blog > Technisches SEO tragen. In beiden Fällen beschreibt die Spur, wo die Seite für Leser hingehört, und genau das ist ihre Aufgabe. Saubere URLs helfen trotzdem, aber Breadcrumbs müssen nicht auf eine URL-Migration warten.

Manche Seiten sind tatsächlich über mehrere Wege erreichbar. Eine Regenjacke kann zu „Outdoor“ und zu „Damenjacken“ gehören. Googles Dokumentation erlaubt für solche Fälle mehr als eine Spur im Markup. In der Praxis zeigen die meisten Shops eine Hauptspur auf der Seite, wählen sie passend zur Kategorie, die sie als kanonisch behandeln, und halten das Markup identisch mit dem, was sichtbar ist.

Strukturierte Daten mit BreadcrumbList

Breadcrumb-Markup nutzt den schema.org-Typ BreadcrumbList. Jeder Schritt ist ein ListItem mit position, name und einem item, das die URL enthält. JSON-LD lässt sich aus Templates meist am einfachsten erzeugen:

json{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Damen",
      "item": "https://www.example.com/damen/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Schuhe",
      "item": "https://www.example.com/damen/schuhe/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Trailrunning-Schuhe"
    }
  ]
}

Der Block steht in einem <script type="application/ld+json">-Element. Ein paar Details solltest du kennen:

• Die Positionen beginnen bei 1 und laufen von der allgemeinsten Seite bis zur aktuellen.
• Der letzte Eintrag darf item weglassen. Google verwendet dann die URL der Seite, die das Markup enthält.
• Verwende absolute URLs und verweise jeweils auf die kanonische Version der Kategorie.
• Googles Beispiele beginnen mit einer Kategorie statt mit der Startseite. Wie auch immer du dich entscheidest: Markup und sichtbare Spur müssen übereinstimmen.

Microdata und RDFa funktionieren ebenfalls. Wichtiger als das Format ist die Regel hinter allen Richtlinien für strukturierte Daten bei Google: Das Markup muss Inhalte beschreiben, die Besucher sehen können. Eine JSON-LD-Spur auf einer Seite ohne sichtbare Breadcrumbs oder mit einer anderen Spur auf dem Bildschirm ist genau die Art Widerspruch, die eine Seite für die erweiterte Darstellung unbrauchbar machen kann.

Barrierearmes Breadcrumb-HTML

Die WAI-ARIA Authoring Practices beschreiben ein einfaches, robustes Muster. Die Spur steht in einem nav-Element mit Beschriftung, die Einträge bilden eine geordnete Liste, und die aktuelle Seite trägt aria-current:

html<nav aria-label="Breadcrumb">
  <ol>
    <li><a href="/">Startseite</a></li>
    <li><a href="/damen/">Damen</a></li>
    <li><a href="/damen/schuhe/">Schuhe</a></li>
    <li><a href="/damen/schuhe/trailrunning/" aria-current="page">Trailrunning-Schuhe</a></li>
  </ol>
</nav>

Setze die Trennzeichen per CSS und nicht als Textzeichen. Sonst lesen Screenreader zwischen jedem Eintrag „größer als“ vor. Viele Websites zeigen den letzten Eintrag als reinen Text statt als Link. Das ist ebenfalls in Ordnung, solange klar erkennbar ist, dass es die aktuelle Seite ist.

Das HTML-Muster und der JSON-LD-Block erledigen verschiedene Aufgaben. Dem HTML folgen Menschen und Crawler. Die strukturierten Daten beschreiben dieselbe Spur für Suchfunktionen.

Rendering, Canonicals und Linkziele

Breadcrumbs helfen Crawlern nur, wenn die Links im HTML stehen, das Suchmaschinen verarbeiten. Am sichersten ist eine Spur aus echten <a href>-Elementen in der Serverantwort. Eine per Client-JavaScript eingefügte Spur funktioniert bei Google meist, hängt aber vom Rendering ab, und JavaScript-Rendering ist eine zusätzliche Stelle, an der etwas brechen kann. Navigation sollte außerdem nie auf einen Scroll oder Klick warten. Eine Breadcrumb-Komponente, die per Lazy Loading erst nach einer Interaktion geladen wird, existiert für einen Crawler, der nicht scrollt, womöglich gar nicht.

Die Linkziele brauchen dieselbe Sorgfalt wie jeder interne Link. Jede Breadcrumb-URL sollte Status 200 liefern, indexierbar sein und der kanonischen URL der Kategorie entsprechen. Typische Lecks sind Links auf Parameter-Varianten einer Kategorie, auf alte URLs, die inzwischen weiterleiten, oder auf gefilterte Ansichten mit noindex. Wenn eine Kategorie umzieht, passe das Template an, damit nicht Tausende Spuren über eine Weiterleitung laufen.

Was Breadcrumbs nicht leisten

Breadcrumbs spiegeln eine Seitenstruktur. Sie erschaffen keine. Wenn Kategorien uneinheitlich sind oder ein Produkt in einem Dutzend überlappender Gruppen steckt, macht eine Spur das nur sichtbar.

Sie ersetzen auch keine XML-Sitemap, kein Hauptmenü und keine kontextuellen Links im Fließtext. Und sie wirken nur in Googles Ergebnissen. Wie eine Seite aussieht, wenn jemand sie auf LinkedIn oder in Slack teilt, bestimmen die Open-Graph-Tags, nicht das Breadcrumb-Markup.

Ein durchgespieltes Beispiel

Nimm einen Sportartikel-Shop mit folgendem Aufbau: Produkt-URLs wie /produkt/48213, ein Kategoriebaum mit vier Ebenen und ein Theme, das die Spur Startseite > Produkte > Artikel ausgibt.

Diese Spur ist technisch vorhanden und praktisch nutzlos. Sie verlinkt jedes Produkt auf dieselbe allgemeine Seite „Produkte“, der Ankertext sagt nichts aus, und die strukturierten Daten wiederholen für 20.000 URLs dieselben zwei Ebenen.

Nach der Korrektur zeigt jedes Produkt die Spur seiner Hauptkategorie: Startseite > Laufen > Trailrunning-Schuhe > [Produktname]. Die Kategorielinks zeigen auf die kanonischen Kategorie-URLs, das JSON-LD listet dieselben drei Elternstufen, und auf dem Smartphone schrumpft die Spur auf einen einzigen Link „Zurück zu Trailrunning-Schuhe“. Besucher kommen jetzt eine Ebene höher, und jede Kategorieseite erhält Links von genau den Produkten, die sie enthält.

Häufige Fehler

• verlaufsbasierte Spuren, die sich bei jedem Besuch ändern
• jede Seite auf dieselbe allgemeine Elternseite statt auf ihre echte Kategorie verlinken
• eine Spur per JSON-LD auszeichnen, die auf der Seite nicht sichtbar ist
• auf dem Bildschirm eine andere Spur zeigen als in den strukturierten Daten
• Breadcrumb-Links auf weitergeleitete, parametrisierte oder auf noindex gesetzte URLs
• die Spur erst nach Scrollen oder Klicken laden
• Trennzeichen als Text ausgeben, sodass Screenreader sie vorlesen
• Breadcrumbs als Ranking-Trick behandeln statt als Navigation
• erwarten, dass Breadcrumb-Markup die Linkvorschau in sozialen Netzwerken ändert

So prüfst du deine Breadcrumbs

1. Öffne Stichproben tiefer Seiten aus jedem Template: Produkt, Kategorie, Artikel und gefilterte Ansicht.
2. Prüfe, ob die sichtbare Spur zum tatsächlichen Platz der Seite in der Hierarchie passt.
3. Stelle sicher, dass jeder Eintrag ein crawlbarer <a href>-Link im gerenderten HTML ist.
4. Kontrolliere, ob jedes Linkziel 200 liefert, indexierbar ist und der kanonischen URL entspricht.
5. Teste das BreadcrumbList-Markup mit Googles Test für Rich-Suchergebnisse und vergleiche es mit der sichtbaren Spur.
6. Sieh dir in der Search Console den Bericht zu Breadcrumbs auf Fehler über die gesamte Website an.
7. Prüfe die Spur auf dem Smartphone: Bricht sie um, wird sie gekürzt, schiebt sie den Inhalt nach unten?
8. Lass einen Screenreader oder den Barrierefreiheitsbaum des Browsers über die Spur laufen und achte auf vorgelesene Trennzeichen.
9. Wiederhole die Prüfung nach Template-Releases, denn eine Theme-Änderung kann jede Seite auf einmal betreffen.

Crawl-Foundry-Perspektive

Breadcrumbs sind interne Links. Der nützlichste Beleg ist deshalb eine Liste der Links, die im gerenderten Dokument tatsächlich existieren. Der Crawler von Crawl Foundry prüft das gerenderte HTML und zeigt interne Links so, wie er sie im DOM gefunden hat, mit Quelle, Ziel, Ankertext und Position. Für Breadcrumbs beantwortet das konkrete Fragen: Verlinken Produktseiten ihre Kategorie, welchen Ankertext tragen diese Links, und zeigt irgendein Ziel auf die falsche URL?

Der Crawler führt einen Crawl-Verlauf, und Läufe lassen sich vergleichen. Das hilft nach einem Theme- oder Template-Release, wenn eine einzige Änderung jede Spur der Website umschreiben kann. Wenn du deine eigenen Spuren so untersuchen willst, erklärt die Übersicht zum Site Audit, wie ein Crawl eingerichtet wird. Der Site Audit ist eine kostenpflichtige Datenaktion, den Preis siehst du, bevor du startest.

Für die strukturierten Daten selbst bleiben Googles Test für Rich-Suchergebnisse und der Breadcrumbs-Bericht in der Search Console maßgeblich, wenn du wissen willst, ob Google dein BreadcrumbList-Markup lesen kann.

Verwandte Begriffe

• URL-Struktur
• Rich Snippet
• Content-Siloing
• Mobile SEO
• XML-Sitemap
• Überschriften-Tags

Quellen für den Review

• Google Search Central: Strukturierte Daten für Breadcrumbs (BreadcrumbList)
• Google Search Central: Allgemeine Richtlinien für strukturierte Daten
• Google Search Central: Best Practices für Links
• Schema.org: BreadcrumbList
• W3C WAI-ARIA Authoring Practices: Breadcrumb-Muster
• MDN Web Docs: aria-current
• Nielsen Norman Group: Breadcrumbs, Gestaltungsleitlinien