Was sind Breadcrumbs?
Breadcrumbs (deutsch: Brotkrumen) sind eine Navigationshilfe, deren Name dem Märchen „Hänsel und Gretel” entlehnt ist, in dem Brotkrumen den Weg markieren. Im Web zeigen Breadcrumbs Nutzern ihren aktuellen Standort innerhalb der Website-Struktur an und ermöglichen eine einfache Rückkehr zu übergeordneten Seiten.
Arten von Breadcrumbs
- Hierarchische Breadcrumbs: Zeigen die Position einer Seite innerhalb der Website-Hierarchie, zum Beispiel „Startseite > Kleidung > Damenmode > Sommerkleider”.
- Attributbasierte Breadcrumbs: Werden häufig in Online-Shops genutzt, um Produktattribute anzuzeigen, zum Beispiel „Autos > Marke > BMW > Baujahr 2020 > Rot”.
- Pfadbasierte Breadcrumbs: Bilden den tatsächlichen Klickpfad eines Nutzers ab, zum Beispiel „Startseite > Suchergebnisse > Gewählte Kategorie > Produktseite”.
Vorteile
Verbesserte Nutzererfahrung: Breadcrumbs erleichtern die Orientierung und können zu einer längeren Verweildauer sowie einer höheren Conversion-Rate beitragen.
SEO-Optimierung: Breadcrumbs unterstützen Suchmaschinen-Crawler beim Verständnis der Seitenstruktur und der internen Verlinkung. Über strukturierte Daten können sie zudem in den Suchergebnissen erscheinen und die Klickrate verbessern.
Reduktion der Absprungrate: Alternative Navigationspfade verringern die Wahrscheinlichkeit, dass Nutzer die Website ohne weitere Interaktion verlassen.
Nutzerverhaltensanalyse: Breadcrumbs ermöglichen Pfadanalysen, die Rückschlüsse auf das Navigationsverhalten der Besucher zulassen.
Best Practices
- Navigation übersichtlich halten und zu viele Unterebenen vermeiden.
- Breadcrumbs optisch gut sichtbar und von anderen Navigationselementen unterscheidbar gestalten.
- Strukturierte Daten (Schema.org) zur besseren Lesbarkeit für Suchmaschinen einsetzen.
- Mobile Darstellung sicherstellen.
- Funktionalität regelmäßig in verschiedenen Browsern und auf unterschiedlichen Endgeräten prüfen.
Fazit
Breadcrumbs verbessern sowohl die Benutzerfreundlichkeit als auch die SEO-Performance einer Website und sollten bei der Website-Struktur gezielt eingesetzt werden.