Was ist eine Breadcrumb?

Eine Breadcrumb ist eine Reihe interner Links, die zeigt, an welcher Stelle der Seitenstruktur sich die aktuelle Seite befindet. Der Name stammt aus dem Märchen von Hänsel und Gretel: Die Kinder streuten Brotkrümel, um den Weg nach Hause wiederzufinden, und genau das leistet diese Leiste auf einer Website, nur rückwärts bis zur Startseite.

Sie sitzt meist direkt unter dem Header, in kleiner, zurückhaltender Schrift, weil sie die Hauptnavigation unterstützt, nicht ersetzt. Jedes Glied der Kette ist ein Link, bis auf das letzte: Das steht für die Seite, auf der der Nutzer sich bereits befindet, und führt nirgendwohin.

Besonders nützlich ist sie für alle, die über die Suche oder einen externen Link direkt auf einer inneren Seite landen, ohne vorher die Sitemap oder die Startseite gesehen zu haben. Für sie ist die Breadcrumb der einzige sichtbare Hinweis darauf, wo diese Seite im Gesamtgefüge sitzt, und damit Teil der UX, auch wenn kaum jemand bewusst darauf achtet.

Beide stehen meist ganz oben auf der Seite, deshalb werden sie leicht verwechselt. Die Tabelle zeigt, welche Frage jede der beiden beantwortet.

Die Hauptnavigation ist fix: Sie sieht auf jeder Seite gleich aus und bietet dieselben Optionen, egal wo der Nutzer gerade ist. Die Breadcrumb ändert sich mit jeder Seite, weil sie einen konkreten Pfad beschreibt und keine Liste von Optionen. Keine der beiden ersetzt die andere: Eine Website mit tiefer Struktur, die nur ein Hauptmenü hat, zwingt Nutzer dazu, sich Ebene für Ebene hochzuklicken, während man mit Breadcrumb direkt auf die gewünschte Ebene springt.

Es gibt drei Grundtypen, je nachdem, woraus sich der Pfad ableitet.

Am häufigsten ist die hierarchische oder location-based Breadcrumb: Sie spiegelt die Position der Seite im Seitenbaum, unabhängig davon, wie der Nutzer dorthin kam. Sie steht typischerweise in Blogs und Content-Seiten, etwa Start > Kategorie > Artikel. Die attributbasierte Variante taucht vor allem in Onlineshops auf, wenn ein Nutzer einen Katalog nach Marke, Farbe oder Preis filtert; der Pfad zeigt dann keinen Ordner der Website, sondern die aktiven Filter. Die verlaufsbasierte Breadcrumb zeigte früher die zuletzt besuchten Seiten, quasi den Zurück-Button des Browsers als Leiste; heute ist sie selten, weil sie eine Funktion doppelt, die der Browser ohnehin schon übernimmt.

Technisch wird eine Breadcrumb mit dem Typ BreadcrumbList aus Schema.org im JSON-LD-Format ausgezeichnet, einem Block strukturierter Daten getrennt vom sichtbaren HTML. Möglich wären auch Mikrodaten oder RDFa direkt im HTML, aber Google zeigt JSON-LD in seiner eigenen Dokumentation als erstes Beispiel, und es lässt sich pflegen, ohne das Template der Seite anzufassen. Jede Ebene wird als ListItem definiert, mit einer numerischen Position ab 1, einem Namen und, außer bei der letzten Ebene, einer URL. Google empfiehlt, den ausgezeichneten Pfad am typischen Nutzerweg zur Seite auszurichten, nicht zwingend an der wörtlichen URL-Struktur, und verlangt weder ein Element für die Root-Domain noch für die aktuelle Seite selbst.

Der Hauptgrund ist Usability: Sie verringert das Gefühl, sich auf einer großen Website zu verlieren, und macht den Zurück-Button des Browsers überflüssig, wenn jemand eine Ebene höher will. Bei Katalogen mit Tausenden Seiten ist sie eine der günstigsten Möglichkeiten, Kontext zu liefern, ohne das Hauptmenü umzubauen, und sie funktioniert unabhängig davon, ob jemand über die Startseite, eine Kategorie oder direkt über eine Google-Suche auf die Seite kommt.

Es gibt auch einen Sichtbarkeitsgrund in der Suche. Google zeigt den Pfad weiterhin anstelle der vollständigen URL im Suchergebnis, allerdings nur in der Desktop-Suche; in den mobilen Ergebnissen erscheint er so nicht. Die mit strukturierten Daten ausgezeichnete BreadcrumbList entscheidet nicht allein über das Ranking, kann aber zum sichtbaren Rich Snippet werden, wenn Google sich dafür entscheidet.

Und schließlich ist jede Breadcrumb ein zusätzlicher interner Link zu übergeordneten Kategorien, der das Crawling der Website stärkt und die Indexierung tieferliegender Seiten erleichtert, die sonst allein von Hauptnavigation oder Sitemap abhängen würden.

• Nutze BreadcrumbList in JSON-LD, das Format, das Google zuerst dokumentiert und das sich am leichtesten getrennt vom sichtbaren HTML pflegen lässt.
• Bilde den typischen Weg eines Nutzers zur Seite ab, nicht zwingend die wörtliche URL-Struktur, wenn beide voneinander abweichen.
• Beginne die Position bei 1 und lass keine Zahl aus: Jedes ListItem braucht eine fortlaufende Position.
• Verzichte auf ein Element für die Root-Domain und für die aktuelle Seite: Google verlangt beides nicht, es fügt nur Rauschen hinzu.
• Halte die sichtbare Breadcrumb deckungsgleich mit der ausgezeichneten BreadcrumbList; weicht die Anzeige vom Markup ab, kann Google die Daten ignorieren.
• Prüfe das Markup vor der Veröffentlichung mit dem Rich-Suchergebnis-Test und kontrolliere danach in der Search Console, ob Fehler auftauchen, als Teil des laufenden technischen SEO.

• Eine Breadcrumb auszeichnen, die nicht mit dem übereinstimmt, was der Nutzer auf dem Bildschirm sieht; Google wertet das als ungültige strukturierte Daten.
• Die Ordnerstruktur der URL als Navigationspfad übernehmen, obwohl kein Nutzer diesen Weg in der Praxis tatsächlich klickt.
• Die Breadcrumb als einziges Navigationssystem auf Websites ohne klare Hierarchie einsetzen: Ohne logische Struktur dahinter hilft der Pfad niemandem.
• Die im HTML ausgezeichnete Breadcrumb mit dem verwechseln, was im SERP erscheint: Das Markup entscheidet, was dort auftaucht, nicht umgekehrt.
• Davon ausgehen, dass sie immer im Suchergebnis erscheint: Google entscheidet von Fall zu Fall und zeigt sie nur in der Desktop-Suche.