Breadcrumb

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 15.000 Abonnenten ‚úď min. ein neues Video pro Woche ‚úď geballtes Praxiswissen


Relevante Glossareinträge

OnPage-Optimierung
schema.org Markup
Sitemap
Title Tag
Google Snippet


Relevante Ratgeber und Blogartikel

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