Breadcrumb: Definition & Beispiele
Breadcrumb
Die Breadcrumb-Navigation, auch als Breadcrumb-Trail, Brotkrümel, Brotkrume oder Ariadnepfad bekannt, ist ein sekundäres Navigationssystem. Es dient als grafische Benutzeroberfläche zur Orientierung auf Webseiten, in Softwareanwendungen oder Apps.
Die Idee der Breadcrumb-Navigation leitet sich vom Märchen „Hänsel und Gretel“ ab, in dem die beiden Kinder Brotkrümel streuten, um ihren Weg zurück nach Hause zu finden.
Definition | Was ist eine Breadcrumb?
Breadcrumbs bieten dem Nutzer einer Webseite eine schnelle Orientierungshilfe in der Navigation. In der Regel handelt es sich dabei um eine Textzeile, die dem Nutzer anzeigt, auf welcher Hierarchieebene der Webseite er sich gerade befindet. Diese grafische Darstellung, die oft aus internen Links besteht, zeigt den Pfad, den Standort oder andere Attribute der jeweiligen Unterseite an.
Verwendungsart der Breadcrumb-Navigation
Breadcrumbs werden nicht nur auf Webseiten, sondern auch in Apps und Programmen eingesetzt, um die Navigation übersichtlicher zu gestalten und das Wechseln zwischen den Ebenen zu erleichtern. Es gibt drei gängige Arten von Breadcrumb-Navigationen:
- Path: Zeigt dem Nutzer seinen eigenen Klickpfad.
- Location-based-Breadcrumb: Gibt die aktuelle Position in der Webseitenhierarchie an.
- Attribute: Zeigt Kategorieseiten, häufig in Online-Shops verwendet.
Viele WordPress-Themes enthalten bereits eine integrierte Breadcrumb-Navigation. Falls nicht, kann man diese Funktion einfach mit Yoast SEO hinzufügen. Eine Anleitung dazu findet man auf der offiziellen Yoast-Webseite.
Umsetzungsmöglichkeiten
- CMS: Einige CMS-Themes bieten voreingestellte Optionen zur Einbindung von Breadcrumbs.
- Plugin: Abhängig vom verwendeten CMS kann ein Breadcrumb-Plugin installiert werden, das eine automatische Anzeige ermöglicht.
- HTML / PHP / JavaScript: Durch das Hinzufügen von Code kann eine Funktion in PHP oder JavaScript definiert werden.
Vorteile der Breadcrumb-Navigation
Die Verwendung von Breadcrumb-Navigation auf einer Webseite bietet dem Besucher:
- Schnelle Orientierung
- Einfaches Wechseln zwischen den Ebenen
- Nachvollziehbare Linksetzung und Klickpfad
Aus SEO-Sicht unterstützt es:
- Die Verbesserung der vertikalen internen Verlinkung
- Das Verständnis des Seitenkontexts für Google
Es ist ratsam, die Breadcrumb mit dem entsprechenden Schema-Markup zu versehen, um Suchmaschinen die Struktur der Webseite mitzuteilen.
