Breadcrumb Navigation

13. April 2026 von Philipp Nessmann

Arten von Breadcrumbs

Nicht jede Breadcrumb Navigation funktioniert nach demselben Prinzip. Je nach Website-Typ und Zielsetzung unterscheiden sich die Varianten grundlegend voneinander, sowohl in ihrer Logik als auch in ihrem Nutzen für Besucher und Suchmaschinen. Während manche Websites mit einem einzigen Typ auskommen, kombinieren andere bewusst mehrere Formen. Welcher Typ der richtige ist, hängt von der Seitenstruktur, der Suchintention der Nutzer und der Tiefe der Navigation ab. Verbreitet sind drei Hauptarten: hierarchische, attributbasierte und pfadbasierte Breadcrumbs.

umsetzung-two

Hierarchisch

Hierarchische Breadcrumbs bilden den Pfad von der Startseite bis zur aufgerufenen Seite entlang der festen Seitenstruktur ab. Abgebildet wird dabei jede tatsächliche Hierarchiestufe der Website, etwa Startseite > Kategorie > Unterkategorie > Seite. Typisch ist dieser Typ für Blogs, Unternehmenswebsites und Lexika, weil er die logische Struktur der Seite für Nutzer und Suchmaschinen gleichermaßen transparent macht. Vor allem für Websites mit klarer, tiefer Hierarchie ist er die richtige Wahl.

Icon Ansprechpartner

Attributbasiert

Statt einer festen Hierarchie zeigen attributbasierte Breadcrumbs die gewählten Filter und Eigenschaften eines Produkts oder einer Kategorie. Typisch ist dabei ein Pfad wie Startseite > Damenmode > Kleider > Farbe: Rot, bei dem jede Stufe eine Filtereigenschaft widerspiegelt. Vor allem im E-Commerce kommt dieser Typ zum Einsatz, wo Nutzer Produkte nach Kriterien wie Größe, Marke oder Preis eingrenzen. Kombiniert mit hierarchischen Breadcrumbs lässt sich so eine Navigationslösung aufbauen, die sowohl Seitenstruktur als auch Produkteigenschaften abbildet.

Icon Regeln

Pfadbasiert

Nicht die Struktur der Website, sondern den individuellen Klickweg eines Nutzers bilden pfadbasierte Breadcrumbs ab. Praktische Bedeutung haben sie heute kaum noch, da der Zurück-Button des Browsers dieselbe Funktion übernimmt und zuverlässiger funktioniert. Theoretisch könnten sie auf sehr komplexen Portalen sinnvoll sein, in der Praxis werden sie aber quasi nicht mehr  implementiert.

Breadcrumb Navigation aus SEO-Sicht

Suchmaschinenoptimierung profitiert von der Breadcrumb Navigation auf mehreren Ebenen. Über die Breadcrumb-Pfade fließt PageRank durch die gesamte Seitenstruktur, denn jede Ebene ist technisch gesehen ein interner Link. Übergeordnete Kategorieseiten erhalten so bei jedem Seitenaufruf einer Unterseite passiv Linkpower, ohne dass zusätzliche Verlinkungen im Content nötig wären.

Sauber implementierte Breadcrumbs unterstützen zudem das Crawl-Budget, also die Ressourcen, die Google einer Website beim Crawlen zuweist. Mithilfe der Breadcrumb-Links kann der Googlebot die Hierarchie der Seite direkt ablesen und versteht die Struktur schneller. Besonders bei großen Websites mit vielen Unterseiten beschleunigt das die Indexierung spürbar.

Seit 2018 zeigt Google in den SERPs häufig den Breadcrumb-Pfad anstelle der vollständigen URL an. Schon in den Suchergebnissen erhalten Nutzer damit einen klaren Hinweis, wo sich eine Seite innerhalb der Website befindet, was die Klickrate messbar beeinflusst. Mit einer korrekten Schema-Auszeichnung steigt die Wahrscheinlichkeit, dass Google diesen Pfad in den Suchergebnissen darstellt.

Breadcrumb Navigation aus UX-Sicht

Personen, die über eine Suchmaschine direkt auf einer tiefen Unterseite landen, haben oft keinen Überblick darüber, in welchem Kontext sich diese Seite befindet. Gelöst wird dieses Problem sofort durch die Navigation über Breadcrumbs, denn sie zeigt auf einen Blick die übergeordneten Ebenen und gibt dem Besucher die Kontrolle, ohne dass er zur Startseite zurückkehren muss. Das senkt die Absprungrate spürbar, weil Nutzer statt dem Zurück-Button die Breadcrumbs nutzen, um verwandte Inhalte zu entdecken.

Auf mobilen Geräten wird die Breadcrumb Navigation häufig unterschätzt oder falsch umgesetzt. Viele Entwickler blenden sie auf kleinen Screens per CSS aus oder kürzen sie so stark, dass sie ihren Zweck verliert. Google crawlt seit der Umstellung auf Mobile SEO und Mobile First Indexing primär die mobile Version einer Website. Fehlen die Breadcrumbs dort, verliert Google strukturelle Signale, die für das Verständnis der Seitenhierarchie nötig sind.

Gut umgesetzte Breadcrumbs beeinflussen auch die Verweildauer positiv. Landet jemand auf einer Produktseite und erkennt über die Breadcrumb, dass es eine übergeordnete Kategorie mit weiteren Produkten gibt, klickt er sich weiter durch die Website statt sie zu verlassen. Dieses Navigationsmuster fördert organisch die Tiefe des Besuchs und gibt Suchmaschinen damit ein positives Signal über die Qualität der Nutzererfahrung.

Wie mit Mehrfachkategorisierungen umgehen?

In der Praxis gehören viele Seiten gleichzeitig zu mehreren Kategorien. Lediglich einen einzigen Pfad kann die Breadcrumb Navigation dabei abbilden. Welchen Pfad sie anzeigt, ist keine rein gestalterische Entscheidung, denn sie hat direkte SEO-Konsequenzen. Sobald ein Blogartikel gleichzeitig unter „SEO”, „Technik” und „OnPage” einsortiert ist oder ein Produkt unter „Neu”, „Sale” und seiner eigentlichen Kategorie erscheint, muss eine klare Entscheidung getroffen werden.

bear-circle
Vertragsunterzeichnung Icon

Canonical Tag und Duplicate Content

Gehört eine Seite mehreren Kategorien an, entstehen in vielen CMS-Systemen mehrere URLs für denselben Inhalt. Duplicate Content entsteht, weil Google dieselbe Seite unter verschiedenen Pfaden indexieren kann. Der Canonical Tag teilt Google mit, welche URL die maßgebliche Version ist.

Stimmen Breadcrumb-Pfad und Canonical Tag nicht überein, sendet die Website widersprüchliche Signale an Google. Indexiert Google dann die falsche URL als Hauptversion, kann das die Sichtbarkeit dauerhaft beeinträchtigen. Sowohl im Canonical Tag als auch in der Breadcrumb Navigation muss deshalb einheitlich derselbe primäre Kategoriepfad umgesetzt sein.

Icon Ansprechpartner

PageRank-Verteilung

Jede Breadcrumb-Ebene ist ein interner Link, über den PageRank fließt. Bei Mehrfachkategorisierung fließt dieser PageRank nur über den in der Breadcrumb dargestellten Pfad. Andere Kategorieseiten erhalten über diesen Weg keine Linkpower.

Gezielt eine Kategorie im Ranking zu stärken gelingt nur, wenn die Breadcrumbs der zugehörigen Unterseiten konsequent auf diese Kategorie verweisen. Uneinheitliche Zuweisungen verteilen die Linkpower unkontrolliert und schwächen damit gezielt aufgebaute Kategorieseiten.

Icon Regeln

Crawling und Indexierung

Suchmaschinen folgen internen Links, um Seiten zu entdecken und zu crawlen. Zeigen Breadcrumbs bei einer Seite mit mehreren Kategorien unterschiedliche Pfade an, sieht der Googlebot dieselbe Seite in verschiedenen Kontexten und muss entscheiden, welchem er vertraut.

Unklar strukturierte Breadcrumbs kosten Crawl-Budget und können die Indexierung verlangsamen. Klare, einheitliche Breadcrumb-Strukturen reduzieren diese Unklarheit und helfen Google, die Website schneller zu erfassen.

Technische Umsetzung der Brotkrümelnavigation

Integrieren lässt sich die Breadcrumb Navigation auf verschiedenen Wegen, von manuellem HTML-Code bis hin zu CMS-Lösungen. Welche Methode die richtige ist, hängt von der verwendeten Plattform und den technischen Möglichkeiten ab. Unabhängig davon sollte eine Breadcrumb immer mit strukturierten Daten ausgezeichnet werden, damit Google den Pfad in den SERPs darstellen kann. Weniger aufwendig als erwartet ist die Umsetzung in den meisten Fällen, da alle gängigen Plattformen native Unterstützung oder etablierte Erweiterungen bieten.

SEO Agentur Deutschland

HTML

Reines HTML ist die einfachste Form der Umsetzung. Strukturiert wird die Breadcrumb als geordnete Liste mit Hyperlinks, wobei jede Ebene auf die entsprechende übergeordnete Seite verlinkt. Die aufgerufene Seite wird ohne Link dargestellt.

Barrierefrei wird die Navigation durch das nav-Element mit dem Attribut aria-label=”Breadcrumb”, damit Screenreader sie korrekt interpretieren. Ohne zusätzliche Schema-Auszeichnung versteht Google zwar die Verlinkungsstruktur, zeigt den Pfad in den SERPs aber nicht als Rich Snippet an.

Frage und Antwort Icon

Schema.org / JSON-LD

Damit Google die Breadcrumb Navigation in den Suchergebnissen als Pfad anstelle der URL anzeigt, braucht es eine Auszeichnung mit strukturierten Daten. Empfohlen wird JSON-LD mit dem Schema-Typ BreadcrumbList, den Google gegenüber Microdata und RDFa bevorzugt.

Alle Ebenen des Pfades werden als ListItem mit Position, Name und URL definiert. Nach der Implementierung lässt sich die Auszeichnung mit dem Rich-Results-Test von Google validieren. Sofern strukturierte Daten bereits für andere Elemente der Website genutzt werden, lässt sich die Breadcrumb-Auszeichnung direkt in den bestehenden JSON-LD-Block integrieren.

organische Suche

WordPress

Über Yoast SEO oder Rank Math lässt sich WordPress am einfachsten mit einer Breadcrumb Navigation ausstatten. Aktiviert wird die Funktion direkt in den Plugin-Einstellungen, anschließend wird ein kurzer PHP-Snippet in die gewünschte Theme-Datei eingefügt.

Keines der beiden Plugins erfordert dabei tiefere Programmierkenntnisse. Ohne SEO-Plugin bietet Breadcrumb NavXT eine spezialisierte Alternative mit umfangreichen Anpassungsmöglichkeiten.

Graph wachsender Traffic

Shopify

Offizielle Themes bei Shopify kommen in den meisten Fällen mit integrierten Breadcrumbs, die sich über die Theme-Einstellungen aktivieren lassen. Individuelle Themes erfordern das direkte Einfügen des Breadcrumb-Codes in die Liquid-Template-Dateien.

Manuell ergänzt werden muss dabei die Schema-Auszeichnung, da sie nicht in allen Themes standardmäßig enthalten ist. Produktkataloge mit vielen Kategorien sollten prüfen, ob die generierten Breadcrumb-Pfade mit der gewünschten Kategoriestruktur übereinstimmen.

Zielgruppenfokussierung

Magento

Standardmäßig liefert Magento Breadcrumbs für Kategorie- und Produktseiten. Flexibel anpassen lässt sich die Darstellung über Layout-XML-Dateien und Templates.

Verfügbar sind eine eigene Extension oder direkte Template-Anpassungen, um die Schema-Auszeichnung zu ergänzen. Installationen mit Mehrfachkategorisierung sollten besonders darauf achten, dass die Breadcrumb konsistent den primären Kategoriepfad anzeigt.

Deutschlandweit aktiv

TYPO3

In TYPO3 wird die Breadcrumb Navigation über TypoScript konfiguriert oder über Extensions aus dem TYPO3 Extension Repository eingebunden. Vollständig anpassen lässt sich die Ausgabe über Fluid-Templates.

Dedizierte Extensions übernehmen die Schema-Auszeichnung und generieren strukturierte Daten für die Breadcrumb. TYPO3-Installationen profitieren besonders von einer sauberen Breadcrumb-Implementierung, da das CMS häufig für große, tiefstrukturierte Websites eingesetzt wird.

Häufiger Fehler: Woran die Breadcrumb Navigation oft scheitert

Obwohl Breadcrumbs technisch gesehen ein überschaubares Element sind, schleichen sich in der Praxis immer wieder dieselben Fehler ein. Manche davon beeinträchtigen nur die Optik, andere haben direkte Auswirkungen auf SEO und Nutzererfahrung. Folgende Fehler treten am häufigsten auf und sollten vor der Implementierung bekannt sein, denn eine falsch umgesetzte Breadcrumb Navigation kann mehr Schaden anrichten als gar keine.

timeline-icon
01 Transparente Arbeitsweise

Fehlende Schema-Auszeichnung

Fehlt die Schema-Auszeichnung, versteht Google zwar die Verlinkungsstruktur der Breadcrumbs, zeigt den Pfad in den SERPs aber nicht als Rich Snippet an. Viele Website-Betreiber implementieren die Breadcrumb Navigation rein visuell und vergessen die JSON-LD-Auszeichnung. Verschenkt wird damit die Möglichkeit, in den Suchergebnissen mit einem lesbaren Pfad statt einer langen URL aufzutreten. Besonders ärgerlich ist das, weil die Auszeichnung technisch wenig Aufwand bedeutet, aber einen messbaren Einfluss auf die Klickrate haben kann.

02 Handschlagqualität

Breadcrumbs ersetzen die Hauptnavigation

Konzipiert als sekundäres Navigationselement, ergänzt die Breadcrumb die Hauptnavigation, ersetzt sie aber nicht. Einige Website-Betreiber, besonders im E-Commerce, reduzieren die Hauptnavigation zugunsten der Breadcrumbs. Kaum Orientierung haben dann Nutzer, die noch nicht tief in der Seitenstruktur sind. Ihren Nutzen entfalten Breadcrumbs nur dann vollständig, wenn die primäre Navigation intakt bleibt und beide Elemente ihre jeweilige Rolle erfüllen.

03 umfangreiches Know-How

Aktuelle Seite als anklickbarer Link

Der letzte Punkt im Breadcrumb-Pfad sollte nie ein anklickbarer Link sein. Nutzlos und potenziell verwirrend für Google ist ein Link auf die Seite, auf der sich der Besucher bereits befindet. Trotzdem ist dieser Fehler weit verbreitet, besonders bei nicht korrekt konfigurierten CMS-Plugins. Lohnenswert ist eine gezielte Überprüfung, ob das letzte Element des Pfades tatsächlich ohne Link ausgegeben wird.

04 SEO vom Profi

Inkonsistente Pfade bei Mehrfachkategorisierung

Sobald eine Seite mehreren Kategorien angehört, zeigen manche Systeme je nach Einstiegspunkt unterschiedliche Breadcrumb-Pfade an. Der Besucher sieht damit bei jedem Besuch potenziell einen anderen Pfad, was unprofessionell wirkt und Google widersprüchliche Signale sendet. Stets denselben primären Pfad anzeigen muss die Breadcrumb, unabhängig davon, über welchen Weg der Besucher auf die Seite gelangt ist.

05 Web Betreuung

Breadcrumbs auf mobilen Geräten ausblenden

Aus gestalterischen Gründen blenden viele Entwickler die Breadcrumb Navigation auf kleinen Screens per CSS aus. Da Google primär die mobile Version einer Website crawlt, fehlen dem Googlebot damit strukturelle Signale, die für das Verständnis der Seitenhierarchie nötig sind. Sichtbar und funktionsfähig auf mobilen Geräten zu bleiben ist keine optionale Entscheidung, sondern eine Grundvoraussetzung für eine saubere Implementierung.

06 Betreuung durch professionelle Freelancer

Falsche Hierarchie in der Breadcrumb

Abgebildet werden muss in der Breadcrumb immer die tatsächliche Struktur der Website. Manche Website-Betreiber passen sie manuell an, um bestimmte Keywords einzubauen, ohne dass diese Ebenen in der realen Seitenstruktur existieren. Google erkennt solche Inkonsistenzen und wertet sie als irreführend. Exakt der tatsächlichen URL-Struktur und Seitenarchitektur muss die Breadcrumb-Hierarchie entsprechen.

07 faire Preise

Breadcrumbs auf einstufigen Websites

Auf Websites mit nur einer Hierarchieebene bringen Breadcrumbs keinen Mehrwert. Sie zeigen in diesem Fall nur „Startseite > aktuelle Seite” an, was keine echte Orientierungshilfe bietet. Visuellen Lärm erzeugen Breadcrumbs auf solchen Websites, ohne einen Nutzen zu liefern. Vor der Implementierung lohnt sich die ehrliche Einschätzung, ob die eigene Seitenstruktur tatsächlich von einer Breadcrumb Navigation profitiert.

FAQs zur Breadcrumb Navigation

Philipp Nessmann
Philipp Nessmann

Seit über 20 Jahren im SEO aktiv – mit technischem Tiefgang, Unternehmergeist und dem Blick fürs Wesentliche. Ich habe über 1100 Kunden betreut und erfolgreiche Firmen wie Contentbär, Jurawelt und trauringspezialisten.de aufgebaut.

Wir bewegen uns genau am digitalen Zeitgeist – und sorgen dafür, dass unsere Kunden nicht nur bei Google, sondern auch in KI-Systemen wie ChatGPT, Gemini & Co. ganz oben auftauchen.

Referenzen

Contentbär Blog

SEO Fehler
ChatGPT Hologramm
Frau in violett beleuchtem Raum am Arbeiten
Was macht einen guten SEO Freelancer aus

Noch unentschlossen?

Unsere Verträge sind monatlich kündbar.

cta-bear