Eine Breadcrumb-Navigation (deutsch: Brotkrumen-Navigation) ist eine sekundäre Navigationshilfe auf Websites, die Nutzer:innen zeigt, welchen Pfad sie innerhalb der Seitenstruktur zurückgelegt haben und wo sie sich aktuell befinden. Die Navigation besteht aus einzelnen, klickbaren Elementen („Breadcrumbs“), über die Nutzer:innen schnell auf höhere Ebenen der Website zurückspringen können – bis zurück zur Startseite.

Der Begriff stammt aus dem Märchen Hänsel und Gretel, in dem Brotkrumen den Weg zurück weisen – ähnlich wie Breadcrumbs im Web.

Wie funktionieren Breadcrumbs?

Breadcrumbs zeigen die hierarchische Struktur einer Website an.
Beispiel:
Startseite > Kategorie > Unterkategorie > Produktseite

Diese Darstellung hilft Nutzer:innen:

• ihren aktuellen Standort zu verstehen

• schnell zwischen Ebenen zu wechseln

• den Seitenpfad nachzuvollziehen

• ohne Umwege zur Ausgangsseite zurückzukehren

Breadcrumbs befinden sich meist oberhalb des Inhalts (above the fold) und werden dynamisch anhand der Seitenstruktur erzeugt.

Arten von Breadcrumb-Navigation

Es gibt drei gängige Breadcrumb-Typen:

1. Hierarchische Breadcrumbs (am häufigsten)

Zeigen die Seitenstruktur an – ideal für Shops, Magazine, Blogs, Kategorien.

2. Pfadbasierte Breadcrumbs

Zeigen den tatsächlichen Klickpfad des Nutzers. Weniger verbreitet, da dieser sehr individuell ist.

3. Attributbasierte Breadcrumbs

Genutzt in Shops: z. B. „Farbe > Größe > Preisfilter“.

Vorteile für die User Experience

Breadcrumbs verbessern die Nutzungsqualität einer Website deutlich:

• Klarer Überblick über die Webseitenstruktur

• Schnellere Navigation durch reduzierte Klickpfade

• Weniger Absprünge, da Nutzer:innen nie „verloren gehen“

• Kompakt, unauffällig und intuitiv verständlich

Sie gelten als Best Practice für Websites mit mehreren Inhaltsebenen.

Bedeutung von Breadcrumbs für SEO

Breadcrumbs sind nicht nur für Nutzer:innen hilfreich, sondern auch für Suchmaschinen:

• Bessere Crawlbarkeit dank klarer interner Verlinkungsstruktur

• Stärkung der thematischen Hierarchie einer Website

• Positive Nutzersignale (geringe Absprungrate, bessere Navigation)

• Potenziale für Rich Results: Google zeigt Breadcrumbs häufig in den SERPs statt komplexer URLs an

Durch strukturierte Daten (BreadcrumbList-Schema) können Breadcrumbs für Google korrekt ausgezeichnet werden – ein wichtiger Teil der OnPage-Optimierung.

Best Practices für die Implementierung

• Breadcrumbs stets oberhalb des Hauptinhalts platzieren

• Klare Trennzeichen verwenden (z. B. „>“ oder „/“)

• Letzten Breadcrumb nicht verlinken (aktuelle Seite)

• Einfache, konsistente Benennung verwenden

• Mit strukturierten Daten (schema.org) auszeichnen

• Nur einsetzen, wenn die Seitenstruktur mehrstufig ist

Warum Breadcrumbs auch für die Rich Snippets auf Google hilfreich sind, dazu mehr hier.