Was sind Breadcrumbs?
Breadcrumbs (dt. Brotkrumen) sind in der Webentwicklung eine Art von Navigationselementen auf einer Website, die den Besuchern helfen, sich zu orientieren und die hierarchische Struktur der Website besser zu verstehen. Sie werden auch als „Breadcrumb Trail“ bezeichnet, da sie wie ein Pfad aus Brotkrumen aussehen, der den Besuchern zeigt, wo sie sich auf der Website befinden und wie sie dorthin gekommen sind.
Inhalt
Beispiel
Hier ist ein Beispiel: Stell dir vor, du bist auf einer E-Commerce-Website und du suchst nach Schuhen. Wenn du auf der Startseite der Website bist, siehst du möglicherweise Breadcrumbs wie „Startseite > Schuhe“ oben auf der Seite.
Wenn du dann auf die Seite mit Sportschuhen klickst, siehst du möglicherweise Brotkrumen wie „Startseite > Schuhe > Sportschuhe“. Wenn du dann auf eine bestimmte Marke von Sportschuhen klickst, siehst du Brotkrumen wie „Startseite > Schuhe > Sportschuhe > [Name der Marke]“. Auf diese Weise kannst du immer sehen, wo du dich auf der Website befindest und wie du dorthin gekommen bist.
Wie funktionieren Breadcrumbs?
Breadcrumbs bieten den Nutzern Orientierung, besonders auf komplexen, verschachtelten Websites wie Onlineshops. Sie zeigen oft den Ordner an, in dem sich die aktuelle Webseite befindet, und sind ein wichtiges Element für die User Experience.
Welche Vorteile bieten Breadcrumbs?
Der Einsatz von Brotkrumen verbessert die Benutzerfreundlichkeit und das Design einer Website, erleichtert das Crawlen für Suchmaschinen, bietet Barrierefreiheit, spart Zeit und trägt positiv zu SEO-Maßnahmen bei.
Wann ist die Breadcrumb-Navigation sinnvoll?
Breadcrumbs sind besonders auf großen, verzweigten und unübersichtlichen Webseiten nützlich. Sie sind hilfreich, wenn Besucher ihre Reise auf der Website auf einer Unterseite beginnen, etwa über eine Google-Suche oder einen Link in sozialen Medien. Auf sehr einfachen Seiten mit wenigen Unterseiten oder ohne logische hierarchische Struktur sind sie weniger sinnvoll.
Welche Arten von Breadcrumbs gibt es?
Es gibt verschiedene Arten von Breadcrumbs:
- Location-based Breadcrumbs zeigen den aktuellen Standort auf der Website.
- Path-Breadcrumbs zeigen den zurückgelegten Weg des Nutzers.
- Kategorie-Breadcrumbs, die in Onlineshops verwendet werden, zeigen die gewählten Kategorien.
- Attribute-based Breadcrumbs zeigen zusätzlich zu Kategorien die ausgewählten Filter an.
Wie setzt man Breadcrumbs erfolgreich ein?
Für den erfolgreichen Einsatz von Brotkrumen sollte ihre Sinnhaftigkeit überprüft, Konsistenz gewährleistet, eine interaktive Gestaltung angestrebt, das Design an die Website angepasst, die Platzierung bedacht und eine mobile freundliche Darstellung sichergestellt werden.
Relevanz für SEO
Breadcrumbs können auch verwendet werden, um die Navigation einer Website für Suchmaschinen zu verbessern. Indem du Brotkrumen verwendest, kannst du Suchmaschinen wie Google helfen, die hierarchische Struktur deiner Website besser zu verstehen. Wenn Suchmaschinen deine Website besser verstehen, können sie deine Inhalte auch besser indizieren und in den Suchergebnissen besser anzeigen.
Quellen
Breadcrumbs einfach erklärt
Breadcrumbs: 11 Design Guidelines for Desktop and Mobile