Breadcrumb-Navigation
Die Breadcrumb-Navigation – auch Brotkrumenpfad genannt – ist ein sekundäres Navigationselement auf Websites, das den aktuellen Pfad innerhalb der Seitenstruktur anzeigt. Es hilft Nutzerinnen und Nutzern, sich besser zu orientieren und schnell zu übergeordneten Ebenen zurückzukehren.
Beispiel
Startseite › Themenwelt › Webdesign › Responsive Design
Die Breadcrumb zeigt, wo sich die Nutzerin oder der Nutzer gerade befindet, und ermöglicht mit einem Klick die Navigation zurück zur jeweiligen übergeordneten Seite.
Funktionen & Vorteile
- Orientierung: Nutzerinnen und Nutzer erkennen sofort ihre Position innerhalb der Website.
- Usability: Ermöglicht schnelles Zurückspringen auf übergeordnete Kategorien.
- SEO-Vorteile: Breadcrumbs verbessern die interne Verlinkung und werden oft in Google-Suchergebnissen als strukturierte Daten angezeigt.
- Platzsparend: Ideal für umfangreiche Seitenstrukturen mit vielen Unterseiten.
Arten von Breadcrumbs
- Hierarchisch: Zeigt die Struktur der Website (z. B. Kategorie › Unterkategorie › Produkt).
- Attributbasiert: Zeigt gewählte Filter oder Merkmale (z. B. Damen › Schuhe › Größe 38).
- Pfadbasiert: Zeigt den tatsächlichen Klickpfad – eher selten genutzt.
Gestaltungstipps
- Positionierung meist oben auf der Seite, unter dem Header
- Trennzeichen z. B. ›, », / oder →
- Letzter Eintrag (aktuelle Seite) nicht klickbar, optisch hervorgehoben
Trotz des Namens hat die Breadcrumb-Navigation nichts mit Essen zu tun. Sie basiert auf der Märchenszene, in der Hänsel und Gretel Brotkrumen streuen, um den Weg zurückzufinden.
