Breadcrumb
Was ist ein Breadcrumb?
Ein Breadcrumb ist eine zusätzliche Navigationsleiste, die den hierarchischen Pfad von der Startseite bis zur aktuell geöffneten Seite zeigt. Die einzelnen Ebenen sind meist verlinkt. Nutzer können dadurch zu übergeordneten Bereichen wechseln, während Suchmaschinen die Struktur und interne Verknüpfung einer Website leichter nachvollziehen können.
Ein Breadcrumb, auf Deutsch einmalig auch Brotkrümelnavigation genannt, ordnet die aktuelle URL in die Seitenhierarchie ein. Die Bezeichnung geht auf das Märchenmotiv zurück, bei dem Brotkrumen den zurückgelegten Weg markieren. Auf Websites besteht der Pfad beispielsweise aus Startseite > Shop > Schuhe > Wanderschuhe.
Wie ein Breadcrumb funktioniert
Ein Breadcrumb bildet mehrere Hierarchieebenen als horizontale Linkfolge ab. Jeder Eintrag verweist auf eine übergeordnete Kategorie, während der letzte Eintrag die aktuelle Seite bezeichnet. Auf einer Produktseite kann der Nutzer dadurch mit einem Klick zur Produktkategorie wechseln, ohne zuerst das Hauptmenü öffnen oder den Zurück-Button des Browsers mehrfach verwenden zu müssen.
Startseite > Damen > Schuhe > Laufschuhe. Die aktuelle Seite darf als letzter Eintrag erscheinen, muss aber nicht auf sich selbst verlinken. Jeder vorherige Eintrag sollte direkt zur bezeichneten Ebene führen. Ein Breadcrumb sollte auf allen Unterseiten an derselben Stelle stehen, häufig direkt unter dem Seitenkopf und oberhalb der Hauptüberschrift. Eine konsistente Position erleichtert die Orientierung, weil Nutzer den Navigationspfad nicht auf jeder Seitengruppe neu suchen müssen. Bei umfangreichen Onlineshops, Magazinen und B2B-Websites wird dieser Effekt mit jeder zusätzlichen Kategorieebene relevanter.
Welche Breadcrumb-Arten gibt es?
Breadcrumbs lassen sich nach der Information unterscheiden, die der Navigationspfad abbildet. Für die meisten Websites eignet sich die hierarchische Variante, weil sie eine stabile Seitenstruktur wiedergibt. Pfadbasierte und attributbasierte Varianten hängen stärker von der konkreten Sitzung oder den gewählten Filtern ab.
| Variante | Darstellung | Typischer Einsatz |
|---|---|---|
| Hierarchischer Breadcrumb | Startseite > Kategorie > Unterkategorie | Unternehmensseiten, Magazine und Onlineshops |
| Pfadbasierter Breadcrumb | Zeigt den tatsächlich zurückgelegten Klickweg | Webanwendungen mit unterschiedlichen Einstiegen |
| Attributbasierter Breadcrumb | Schuhe > Herren > Schwarz > Größe 44 | Onlineshops und Produktfilter |
Der hierarchische Breadcrumb bleibt unabhängig davon gleich, über welchen Einstieg der Nutzer eine Seite erreicht hat. Ein pfadbasierter Breadcrumb kann sich dagegen verändern, wenn dieselbe Zielseite über unterschiedliche Stationen aufgerufen wird. Für SEO ist die stabile Hierarchie meist leichter zu pflegen, weil jede URL einem eindeutigen Pfad zugeordnet wird.
Warum Breadcrumbs für SEO zählen
Ein Breadcrumb erzeugt interne Links zwischen Detailseiten, Kategorien und übergeordneten Bereichen. Suchmaschinen können diese Verbindungen beim Crawling verfolgen und daraus ableiten, welche Inhalte zusammengehören. Die Navigation ersetzt keine durchdachte Informationsarchitektur, macht eine vorhandene Hierarchie jedoch auf jeder betroffenen Unterseite sichtbar. Eine professionelle Onpage-Optimierung prüft deshalb Breadcrumbs gemeinsam mit Menü, URL-Struktur und internen Links.
Ein verbreiteter Denkfehler besteht darin, Breadcrumbs als direkten Ranking-Faktor mit garantierter Positionsverbesserung zu betrachten. Der konkrete Nutzen entsteht durch die Mechanik: Übergeordnete Seiten erhalten interne Links, tiefe Inhalte werden leichter erreichbar und Nutzer können schneller zwischen Ebenen wechseln. Prüfe deshalb nicht nur, ob ein Navigationspfad sichtbar ist, sondern ob seine Links auf die fachlich richtigen Kategorien führen.
Strukturierte Daten für Breadcrumbs
Ein Breadcrumb kann zusätzlich mit strukturierten Daten vom Typ BreadcrumbList ausgezeichnet werden. Die einzelnen Stationen werden dabei als ListItem mit einer Position, einem Namen und in der Regel einer Ziel-URL angegeben. Das Markup beschreibt die Hierarchie maschinenlesbar, ersetzt aber keine sichtbare Navigation für den Nutzer.
Die visuelle Navigation und das strukturierte Markup müssen denselben Pfad abbilden. Wenn die sichtbare Leiste eine andere Kategorie nennt als die strukturierten Daten, entstehen widersprüchliche Signale. Kontrolliere bei einer Website-Migration oder einem Relaunch deshalb sowohl die Links im HTML als auch das ausgegebene Markup.
Breadcrumbs und GEO
GEO, ausgeschrieben Generative Engine Optimization, optimiert Inhalte für Antworten generativer Suchsysteme. Ein Breadcrumb ist kein eigenständiges Zitationssignal für ChatGPT, Perplexity, Gemini oder Grok. Eine klare Hierarchie unterstützt jedoch die inhaltliche Ordnung einer Website, weil Kategorien, Detailseiten und verwandte Themen nachvollziehbar miteinander verbunden sind. Die Grundlage bleibt eine sauber strukturierte und für Google optimierte Website.
Unterschied zu Menü und Sitemap
Der Unterschied zwischen Breadcrumb und Hauptmenü liegt im Bezugspunkt. Das Hauptmenü zeigt zentrale Bereiche der gesamten Website, unabhängig von der geöffneten URL. Der Breadcrumb zeigt dagegen die Position der aktuellen Seite innerhalb einer bestimmten Hierarchie. Beide Navigationselemente können auf dieselbe Kategorie verlinken, erfüllen aber unterschiedliche Orientierungsaufgaben.
Eine Sitemap bietet eine umfassendere Übersicht. Eine HTML-Sitemap bündelt viele wichtige Seiten an einem Ort, während eine XML-Sitemap Suchmaschinen relevante URLs übermittelt. Ein Breadcrumb zeigt nur den Pfad der aktuell geöffneten Seite. Auch der Verzeichnispfad einer URL ist nicht automatisch ein Breadcrumb, da sichtbare Navigation und technische URL-Struktur getrennt umgesetzt werden können.
Breadcrumb richtig umsetzen
Ein guter Breadcrumb ist kurz, eindeutig und auf kleinen Bildschirmen bedienbar. Die Bezeichnungen sollten den tatsächlichen Namen der jeweiligen Kategorie wiedergeben. Verkürzte oder abweichende Begriffe erschweren die Zuordnung, besonders wenn Menü, Überschrift und Navigationspfad drei verschiedene Namen für denselben Bereich verwenden.
Messbar ist die Nutzung eines Breadcrumbs über Klickereignisse in der Webanalyse. Vergleiche dabei, welche Ebenen Nutzer anklicken und ob bestimmte Kategorien trotz vieler Detailseiten kaum erreicht werden. Technisch solltest du zusätzlich prüfen, ob alle Linkziele den Statuscode 200 liefern, ob Weiterleitungsketten bestehen und ob der Navigationspfad auf mobilen Geräten vollständig bedienbar bleibt.
Bei einer umfangreichen Website lohnt sich außerdem ein Crawl, der fehlende Navigationspfade, defekte Links und uneinheitliche Hierarchien aufdeckt. Ein kostenloser SEO-Check liefert dafür einen ersten Überblick über technische und strukturelle Schwachstellen.
Häufige Fragen zu Breadcrumbs
Wo sollte ein Breadcrumb auf der Seite stehen?
Der Navigationspfad steht üblicherweise unter dem Seitenkopf und vor der Hauptüberschrift. Entscheidend ist eine einheitliche Position auf allen Unterseiten, damit Nutzer das Element schnell wiedererkennen.
Braucht jede Website Breadcrumbs?
Kleine Websites mit wenigen Seiten und nur einer Hierarchieebene benötigen oft keinen zusätzlichen Navigationspfad. Bei Onlineshops, Magazinen und umfangreichen Unternehmensseiten erleichtert ein Breadcrumb dagegen die Orientierung.
Soll die aktuelle Seite im Breadcrumb verlinkt sein?
Die aktuelle Seite kann als letzter Eintrag ohne Link angezeigt werden. Ein Selbstlink bietet normalerweise keinen zusätzlichen Navigationsnutzen und sollte deshalb vermieden werden.
Sind strukturierte Daten für Breadcrumbs Pflicht?
Strukturierte Daten sind für die sichtbare Funktion eines Breadcrumbs nicht erforderlich. Sie beschreiben den Navigationspfad jedoch maschinenlesbar und sollten mit der sichtbaren Hierarchie übereinstimmen.
Funktionieren Breadcrumbs auch auf dem Smartphone?
Breadcrumbs funktionieren auf mobilen Geräten, wenn die Links ausreichend große Berührungsflächen besitzen. Lange Pfade können gekürzt oder horizontal scrollbar dargestellt werden, ohne die aktuelle Seitenposition zu verbergen.
Kann ein Breadcrumb das Hauptmenü ersetzen?
Ein Breadcrumb ersetzt das Hauptmenü nicht. Das Hauptmenü erschließt zentrale Website-Bereiche, während der Navigationspfad die aktuelle Position und die übergeordneten Ebenen zeigt.
Wenn du Seitenstruktur, interne Verlinkung und Breadcrumbs gemeinsam prüfen lassen möchtest, bietet ein Potenzialcheck eine fachliche Einordnung für deine Domain.
Sie haben noch Fragen?
