Breadcrumb-Navigation

Ein Breadcrumb ist das englische Wort für Brotkrümel. Der Name Brotkrümelnavigation wird anhand Ihrer Funktion abgeleitet: Sie ist ein Wegweiser bzw. Link-Pfad, der dem Besucher einer Website oder Onlineshops Orientierung bietet und die Navigation auf der Seite vereinfacht. Durch eine Breadcrumb Navigation weiß der Websitebesucher zu jeder Zeit wo er sich in der Hierarchie der Website befindet.

Was ist eine Breadcrumb-Navigation?

Die Breadcrumb-Navigation ist ein Navigationselement im oberen Bereich einer Website. Das Ziel ist eine bessere Orientierung für den Besucher auf komplexen Webseiten. Sie zeigt den aktuellen Standort des Nutzers auf der Website als auch den Weg zu den übergeordneten Kategorien.

Breadcrumb-Navigation auf der sixclicks Karriereseite
Beispiel einer Breadcrumb-Navigation in drei Schritten

Welche Aufgaben übernimmt die Breadcrumb-Navigation?

Es gibt 3 Arten von Breadcrumbs mit unterschiedlichen Aufgaben:

Ort (Location) und Klickpfad (Path): Die location-based Breadcrumb zeigt dem Besucher die aktuelle Position in der Websitestruktur an. Der Klickpfad oder die pfadbasierte Navigation zeichnet den tatsächlichen Klickpfad nach, mit jeden einzelnen Schritt den der Besucher auf der Website gegangen ist, und gibt die aktuelle Position wieder. Bei einer Website mit tiefen Hierarchieebenen ist der Einsatz eines Klickpfads nicht sehr nützlich, da die Navigation sehr lang werden kann.

Location Based Breadcrumb auf der Karriereseite von sixclicks
Beispiel einer location-based Breadcrumb-Navigation

Kategorien (Attribute): Attributbasierte Breadcrumbs (attribute-based Breadcrumbs) geben dem Besucher die Möglichkeit zu sehen, zu welchen Kategorien die aktuell besuchte Seite gehört und um welche Attribute es sich handelt. Hauptsächlich werden attribute-based Breadcrumbs als Navigationshilfen von Onlineshops oder E-Commerce-Websites eingesetzt.

Ausschnitt einer attribute-based Breadcrumb aus Amazon
Ausschnitt einer attribute-based Breadcrumb-Navigation von amazon.de am Beispiel von Herren Schuhen

Welche Vorteile bietet eine Breadcrumb-Navigation?

Durch den Einsatz einer Breadcrumb-Navigation und den verschiedenen Varianten ergeben sich 2+1 zusätzliche Vorteile:

  1. Die Usability einer Website wird mit der Einführung einer Breadcrumb-Navigation verbessert
  2. Die Benutzerführung auf einer Website wird entschieden verbessert. Sie macht die Hierarchie der Webseite für den Nutzer sichtbar. Der Websitebesucher findet sich sofort auf der Seite zurecht, auch wenn er nicht über die Startseite zu den Inhalten gelangt. Außerdem ermöglichen die übergeordneten Kategorien einen schnellen Zugriff auf weiterführende Informationen, ohne dass neue Suchanfragen nötig sind. So werden auch Besucher, die über externe Links auf Unterseiten gelangen, länger auf der eigenen Website gehalten.
  3. Vorteile aus SEO-Sicht: Der Einsatz einer Breadcrumb-Navigation hilft außerdem dabei, dass Ranking einer Website in der Suchmaschine zu steigern.