Breadcrumb

Zuletzt aktualisiert: 29. Januar 2024

Bei der Breadcrumb-Navigation oder dem Breadcrumb-Trail, auf Deutsch auch Brotkrümel/Brotkrume oder Ariadnepfad genannt, handelt es sich um ein sekundäres Navigationsschema. Es wird als grafische Oberfläche für die Orientierung auf Webseiten, in Programmen oder bei Applikationen eingesetzt.

Man unterscheidet drei verschiedene Arten der Breadcrumb-Navigation, die nach Funktionen eingeteilt sind. Die Bezeichnung stammt aus dem Märchen „Hänsel und Gretel“: Die beiden konnten durch Brotkrümel wieder nach Hause finden.

Definition | Was ist eine Breadcrumb?
Befindet sich ein User auf einer Webseite, können ihm die Breadcrumbs eine schnelle Orientierung in der Navigation ermöglichen. Meist handelt es sich um grafische Oberflächen wie zum Beispiel eine Textzeile, die anzeigt, auf welcher Ebene sich der User befindet. Angelehnt an das Märchen der Brüder Grimm wird die grafische Oberfläche zur Orientierung in digitalen Darstellungen als Breadcrumb bezeichnet. Die grafische Oberfläche besteht meist aus internen Links, die den Pfad, den Ort oder andere Attribute der jeweiligen Unterseite angeben. So sieht der User zum Beispiel auf einen Blick, auf welcher Ebene der Webseite er sich befindet.

Verwendungsart der Breadcrumb-Navigation

Nicht nur auf Webseiten, auch in Applikationen und Programmen werden Breadcrumbs verwendet, weil die Navigation so übersichtlicher und das Wechseln in den Ebenen erleichtert wird.

Man unterscheidet in der Regel drei verschiedene Arten der Breadcrumb-Navigation.

  1. Path: Der eigene Klickpfad ist dem User ersichtlich.
  2. Location-based-Breadcrumb: Zeigt die aktuelle Position in der Hierarchie der Webseite an.
  3. Attribute: Der Nutzer sieht die Kategorie-Seiten – wird oft in Onlineshops verwendet.
Breadcrumb Beispiel

Meistens ist eine Breadcrumb-Navigation bereits in deinem WordPress Theme enthalten. Ansonsten kannst du kinderleicht nachrüsten, indem du die Funktion in Yoast SEO aktivierst. Hier auf der offiziellen Webseite von Yoast wird erklärt, wie du Yoast SEO Breadcrumbs in dein Theme einbaust.

Umsetzungsmöglichkeiten

  • CMS: Durch die Auswahl einer Voreinstellung in bestimmten Themes des Content Management System können Breadcrumbs eingebunden werden.
  • Plugin: Je nachdem, welches CMS-System verwendet wird, kann ein Breadcrumb-Plugin installiert werden, um eine automatisierte Anzeige zu ermöglichen. Meist können dabei individuelle Einstellungen gewählt werden, welche Art der Navigation erfolgen soll.
  • HTML / PHP / JavaScript: Durch das Einbinden eines Codes kann eine Funktion in PHP oder JavaScript definiert werden.
Kennst du unseren Newsletter? Jetzt registrieren und regelmäßige Updates erhalten.

Vorteile der Breadcrumb-Navigation

Setzt man die Breadcrumb-Navigation auf der eigenen Webseite ein, ermöglicht man dem Kunden:

  • Orientierung auf einem Blick
  • schnelles Hin- und Herwechseln zwischen den Ebenen
  • nachvollziehbare/r Linksetzung und Klickpfad

Aus Sicht der OnPage-Optimierung hilft es:

  • die vertikale interne Verlinkung zu verbessern
  • Google den Kontext der Seite verständlich zu machen

Die Breadcrumb sollte zusätzlich mit dem entsprechenden Schema-Markup versehen werden, um Suchmaschinen zu Struktur deiner Website zu kommunizieren. Hier ist die offizielle Dokumentation dazu.

Lerne noch mehr über SEO auf unserem YouTube-Kanal!

✓ über 22.000 Abonnenten ✓ min. ein neues Video pro Woche ✓ geballtes Praxiswissen

Jetzt SEO lernen!

Relevante Glossareinträge

schema.org Markup
Sitemap
Google Snippet

Relevante Ratgeber und Blogartikel

OnPage-Optimierung: Der umfassende Leitfaden
Content-Marketing-Strategie
SEO für Online-Shops
Duplicate Content

NEU: Jetzt "KI-Studie 2024" downloaden!