Was ist eine Breadcrumb-Navigation?

Breadcrumb-Navigation: Definition und Zweck

Der Name stammt aus dem Märchen von Hänsel und Gretel: Die Krümel markieren den Weg zurück. Auf einer Website zeigt die Breadcrumb-Navigation, wo sich der Besucher in der Seitenstruktur befindet, und bietet mit jedem Pfadglied einen Link auf eine höhere Ebene. Besonders bei Shops, Katalogen und Wissensseiten mit mehreren Ebenen hilft sie bei der Orientierung.

Breadcrumbs ersetzen die Hauptnavigation nicht, sondern ergänzen sie. Sie zeigen Suchmaschinen, wie Seiten zusammenhängen, und schaffen interne Links mit sprechenden Linktexten. Gerade Besucher, die über eine Suchmaschine direkt auf einer tiefen Unterseite landen, finden so ohne Umweg zur Übersicht zurück.

Arten und Aufbau

Man unterscheidet drei Arten. Am verbreitetsten ist die pfadbasierte Variante, die die Position in der Seitenhierarchie zeigt. Die attributbasierte zeigt gewählte Merkmale wie Kategorie oder Marke, die verlaufsbasierte die zuletzt besuchten Seiten, was bei Websites unüblich ist und die Orientierung eher erschwert.

Technisch besteht ein Breadcrumb aus einer geordneten Liste in einem nav-Element mit einer Beschriftung für Screenreader. Die aktuelle Seite ist markiert (aria-current=page). Zusätzlich lässt er sich mit strukturierten Daten (BreadcrumbList nach schema.org) auszeichnen, damit Google die Hierarchie versteht.

• Pfad von der Startseite bis zur aktuellen Seite
• Trennzeichen wie › oder /, die nicht als Linktext zählen
• Alle Ebenen außer der aktuellen verlinkt
• Auf dem Smartphone platzsparend, etwa nur die übergeordnete Ebene

Praxis­bei­spiel: Sanitär-Großhandel

Ein Sanitär-Großhandel bietet 15.000 Artikel in vier Ebenen an: Start › Heizung › Pumpen › Umwälzpumpen. Ohne Breadcrumb landen Besucher aus der Suche direkt auf einer Produktseite und finden nicht in die Kategorie zurück. Mit Breadcrumb und BreadcrumbList-Markup gelangen sie mit einem Klick zu verwandten Produkten, und Google erkennt die Kategorien.

Seit Anfang 2025 zeigt Google die Breadcrumb-Zeile in den mobilen Suchergebnissen nicht mehr an, dort erscheint nur noch die Domain. Am Desktop wird sie weiterhin dargestellt. Der Nutzen für Orientierung und interne Verlinkung bleibt davon unberührt, und die Auszeichnung hilft weiterhin beim Verständnis der Seitenstruktur.

Vorteile, Grenzen und typische Fehler

Breadcrumbs bringen bessere Orientierung, weniger Sackgassen und eine saubere interne Verlinkung. Bei flachen Websites mit wenigen Seiten ist der Nutzen gering, und eine falsch gebaute Variante kann Besucher sogar verwirren oder Suchmaschinen widersprüchliche Signale liefern. Diese Punkte sollten Sie vermeiden:

• Breadcrumb zeigt den Klickverlauf des Nutzers statt der festen Hierarchie
• Markup weicht vom sichtbaren Pfad ab
• Aktuelle Seite nicht erkennbar oder als Link ohne Funktion
• Zu kleine Klickflächen auf dem Smartphone
• Breadcrumb auf Onepagern oder sehr flachen Seiten ohne erkennbaren Nutzen

Umsetzung

Bei WordPress, Shopware und Shopify bringen viele Themes Breadcrumbs mit, sie müssen aber zur tatsächlichen Seitenstruktur passen. Nano Concepts baut Breadcrumbs barrierefrei und mit strukturierten Daten, damit sichtbare Hierarchie und Markup übereinstimmen, und testet sie auf kleinen Bildschirmen und mit Screenreadern.