Breadcrumb (UX)

Ein Breadcrumb (Brotkrumen-Navigation) ist ein sekundäres Navigationselement, das den Pfad vom Startpunkt (oft der Homepage) bis zur aktuell besuchten Seite als hierarchische Kette von Links anzeigt. Der Name leitet sich vom Märchen "Hänsel und Gretel" ab, in dem die Kinder Brotkrumen als Wegmarkierungen legten. Breadcrumbs helfen Nutzern, ihre Position in der Websitestruktur zu verstehen und schnell zu übergeordneten Ebenen zurückzukehren.

Erläuterung

Breadcrumbs werden typischerweise horizontal oberhalb des Hauptinhalts platziert und zeigen den Pfad in der Form "Startseite > Kategorie > Unterkategorie > Aktuelle Seite". Sie sind besonders wertvoll auf Websites mit tiefen Hierarchien wie E-Commerce-Shops oder großen Informationsportalen, wo Nutzer oft über Suchmaschinen auf tiefe Seiten landen. Aus SEO-Perspektive sind Breadcrumbs wichtig, da sie interne Verlinkungen stärken und in Google-Suchergebnissen als visuelle Strukturinformation angezeigt werden können (via Schema.org BreadcrumbList Markup). Es gibt drei Typen: ortsbasierte (aktuelle Position), attributbasierte (Eigenschaften des Inhalts) und verlaufsbasierte (besuchte Seiten) Breadcrumbs. Die ortsbasierte Variante ist am weitesten verbreitet und für Nutzer am verständlichsten.

Praxistipp: Implementieren Sie Breadcrumbs mit semantischem HTML (nav-Element mit aria-label="Breadcrumb") und Schema.org-Markup, um sowohl die Barrierefreiheit als auch die SEO-Darstellung in Suchergebnissen zu optimieren. Die letzte Ebene (aktuelle Seite) im Breadcrumb sollte kein Link sein, da Nutzer sich dort bereits befinden.