Breadcrumbs

TL;DR

Breadcrumbs zeigen den Navigationspfad innerhalb einer Website-Hierarchie. Sie verbessern Orientierung und reduzieren unnötige Klicks.

Was sind Breadcrumbs?

Breadcrumbs (Brotkrumen-Navigation) zeigen den Pfad von der Startseite zur aktuellen Seite. Typisch: Home > Kategorie > Unterkategorie > Aktuelle Seite. Der Name stammt aus dem Märchen Hänsel und Gretel.

Arten von Breadcrumbs

• Hierarchie-basiert: Zeigt Position in Seitenstruktur
• Attribut-basiert: Zeigt gewählte Filter (E-Commerce)
• Verlauf-basiert: Zeigt vorherige Seiten (selten, meist verwirrend)

Vorteile

• Nutzer weiß, wo er sich befindet
• Schnelle Navigation zu höheren Ebenen
• Reduziert Zurück-Button-Nutzung
• SEO: Interne Verlinkung und strukturierte Daten

Best Practices

• Über dem Hauptinhalt platzieren
• Trenner: > oder /
• Aktuelle Seite nicht verlinken
• Auf mobil: Nur eine Ebene zurück zeigen
• Schema.org Markup für SEO

Breadcrumbs und Nachhaltigkeit

Effiziente Navigation ist nachhaltig:

• Weniger Such-Versuche und Irrwege
• Direkte Sprünge statt mehrerer Klicks
• Reduzierte Seitenaufrufe zum Ziel

Fazit

Breadcrumbs sind ein kleines Element mit großer Wirkung. Für Websites mit mehr als zwei Hierarchie-Ebenen sind sie fast unverzichtbar.