Breadcrumbs sind eine zusätzliche Navigation, die den aktuellen Standort innerhalb einer Website-Hierarchie zeigt und schnelle Sprünge zu übergeordneten Bereichen ermöglicht.
Eine gute Breadcrumb-Navigation verbessert Orientierung, interne Verlinkung und Bedienbarkeit – besonders auf umfangreichen Websites und Onlineshops.
- ✓Breadcrumb bedeutet auf Deutsch Brotkrümelnavigation.
- ✓Sie zeigt den Pfad von der Startseite zur aktuellen Seite.
- ✓Jede übergeordnete Ebene sollte sinnvoll verlinkt sein.
- ✓Breadcrumbs ersetzen nicht die Hauptnavigation.
- ✓Strukturierte Daten können Suchmaschinen den Pfad zusätzlich erklären.
Was ist ein Breadcrumb?
Ein Breadcrumb zeigt meist oberhalb des Hauptinhalts, wo sich eine Seite innerhalb der Website befindet. Ein typischer Pfad lautet: Startseite › Glossar › Webdesign › Breadcrumb. Die übergeordneten Ebenen sind anklickbar.
Die Bezeichnung spielt auf das Märchen Hänsel und Gretel an, in dem Brotkrümel den zurückgelegten Weg markieren sollen.
Welche Breadcrumb-Arten gibt es?
- Hierarchiebasiert: zeigt die Position innerhalb der Seitenstruktur.
- Attributbasiert: bildet ausgewählte Eigenschaften oder Filter ab, häufig in Shops.
- Pfadbasiert: orientiert sich am individuellen Klickweg und wird seltener eingesetzt.
Vorteile für Nutzer und SEO
- ✓Nutzer erkennen ihren Standort schneller.
- ✓Übergeordnete Bereiche sind mit einem Klick erreichbar.
- ✓Tiefe Seitenstrukturen werden verständlicher.
- ✓Interne Links verdeutlichen Zusammenhänge.
- ✓Suchmaschinen können die Hierarchie besser einordnen.
- ✕Falsche Ebenen verwirren Nutzer.
- ✕Zu lange Pfade beanspruchen auf Mobilgeräten viel Platz.
- ✕Mehrere widersprüchliche Hierarchien erschweren die Zuordnung.
- ✕Breadcrumbs dürfen die Hauptnavigation nicht ersetzen.
Breadcrumbs richtig umsetzen
Fünf Grundregeln
-
1
Logische Hierarchie verwenden
Der Pfad bildet die Informationsarchitektur statt zufälliger URLs ab.
-
2
Mit der Startseite beginnen
Die oberste Ebene ist klar erkennbar und verlinkt.
-
3
Aktuelle Seite kennzeichnen
Der letzte Eintrag zeigt den Seitentitel und muss nicht auf sich selbst verlinken.
-
4
Mobil testen
Lange Pfade werden sinnvoll gekürzt oder scrollbar gestaltet.
-
5
Strukturierte Daten ergänzen
BreadcrumbList-Markup kann Suchmaschinen die einzelnen Ebenen maschinenlesbar vermitteln.
Häufige Fehler
Technische Slugs sind für Nutzer häufig weniger verständlich als klare Seitentitel.
Ein Link auf dieselbe Seite bietet keinen zusätzlichen Nutzen.
Der Pfad muss die tatsächliche inhaltliche Struktur widerspiegeln.
Semantische Navigation und verständliche Linktexte sind für Barrierefreiheit wichtig.
Breadcrumbs für Nutzer und Suchmaschinen
Eine Breadcrumb-Navigation zeigt die Position innerhalb einer nachvollziehbaren Hierarchie. Verständliche Bezeichnungen sind hilfreicher als technisch übernommene Slugs oder abgeschnittene Seitentitel.
Hierarchie konsistent halten
Breadcrumb, Hauptnavigation, interne Links und URL-Struktur müssen nicht identisch sein, sollten aber kein widersprüchliches Bild erzeugen. Die aktuelle Seite wird erkennbar dargestellt und nicht unnötig verlinkt.
Häufig gestellte Fragen
Häufige Fragen
Was bedeutet Breadcrumb auf Deutsch?+
Breadcrumb bedeutet Brotkrümelnavigation oder Brotkrumenpfad.
Sind Breadcrumbs ein Rankingfaktor?+
Sie sind kein Garant für Rankings, unterstützen aber Navigation, interne Verlinkung und das Verständnis der Seitenstruktur.
Braucht jede Website Breadcrumbs?+
Kleine Websites mit wenigen Ebenen benötigen sie nicht zwingend. Bei umfangreichen Strukturen sind sie besonders hilfreich.
Soll die aktuelle Seite verlinkt sein?+
In der Regel nein. Sie wird als letzter, nicht anklickbarer Eintrag gekennzeichnet.
