{"id":3800,"date":"2022-03-02T07:00:58","date_gmt":"2022-03-02T07:00:58","guid":{"rendered":"https:\/\/vwo.com\/glossary\/breadcrumb-navigation\/"},"modified":"2025-05-06T14:45:11","modified_gmt":"2025-05-06T14:45:11","slug":"breadcrumb-navigation","status":"publish","type":"post","link":"https:\/\/vwo.com\/glossary\/de\/breadcrumb-navigation\/","title":{"rendered":"Breadcrumb Navigation"},"content":{"rendered":"\n

Was ist eine Breadcrumb Navigation?<\/strong><\/strong><\/h2>\n\n\n\n

Breadcrumb Navigation<\/a> ist eine Funktion, die den Standort eines Users auf einer Website oder Webanwendung anzeigt. Der Begriff stammt aus dem M\u00e4rchen H\u00e4nsel und Gretel, in dem die Geschwister Brotkr\u00fcmmel (Breadcrumbs) fallen lassen, um einen Weg zur\u00fcck nach Hause zu finden. In \u00e4hnlicher Weise bieten Breadcrumbs in realen Anwendungen den Usern eine M\u00f6glichkeit, ihren Weg zum Ausgangspunkt zur\u00fcckzuverfolgen. Mit anderen Worten: Breadcrumbs erm\u00f6glichen es den Usern, ihre Aktionen und die besuchten Seiten zu verfolgen, w\u00e4hrend sie durch eine Website navigieren.<\/p>\n\n\n\n

Der Brotkrumenpfad wird als sekund\u00e4re Navigationsleiste am oberen Rand einer Webseite angezeigt und erscheint normalerweise in Form von horizontalen Textlinks, die durch das Symbol „gr\u00f6\u00dfer als“ (>) getrennt sind.<\/p>\n\n\n\n

Wann sollte Breadcrumb Navigation eingesetzt werden?<\/strong><\/strong><\/h2>\n\n\n\n

Die Breadcrumb Navigation sollte bei gro\u00dfen oder mehrstufigen Websites mit hierarchisch angeordneten Seiten verwendet werden. Ein gutes Beispiel sind eCommerce-Websites, die eine gro\u00dfe Anzahl von Produkten in logischen Kategorien gruppiert haben.<\/p>\n\n\n\n

Die Erstellung eines Diagramms, das die Navigationsarchitektur der Website darstellt, oder A\/B-Tests<\/a> sind eine gute M\u00f6glichkeit, um festzustellen, ob die Breadcrumb Navigation f\u00fcr eine Website von Vorteil w\u00e4re oder nicht. A\/B-Tests k\u00f6nnen auch verwendet werden, um die beste Position und den besten Stil f\u00fcr die Breadcrumb Navigation zu ermitteln.\u00a0<\/p>\n\n\n\n

Die Breadcrumb Navigation sollte als zus\u00e4tzliches Komfortmerkmal betrachtet werden und sollte effektive prim\u00e4re Navigationsmen\u00fcs nicht ersetzen.<\/p>\n\n\n\n

Typen der Breadcrumb Navigation<\/strong><\/strong><\/h2>\n\n\n\n

Sie haben die Wahl zwischen 3 Arten von Breadcrumb Navigation:<\/p>\n\n\n\n

Standortbasiert<\/strong>: Auch als „Hierarchie“ bekannt und die h\u00e4ufigste Art, Breadcrumbs auf einer Website zu verwenden. Sie informieren die User \u00fcber ihren aktuellen Standort und dar\u00fcber, wie viele Schritte es sind, um zur Startseite zur\u00fcckzukehren. <\/p>\n\n\n\n

Home> Kategorie >Unterkategorie > Beitrag<\/p>\n\n\n\n

\n
\"Hierarchy-based\"
Bildquelle: Yoast<\/a>
<\/figcaption><\/figure>\n<\/figure>\n\n\n\n

Attributbasiert<\/strong>: Diese werden am h\u00e4ufigsten auf eCommerce-Websites angezeigt. Sie heben in der Regel bestimmte Merkmale oder Eigenschaften der Produkte oder Dienstleistungen hervor, nach denen die User gesucht haben.<\/p>\n\n\n

\n
\"Attribute-based\"
Bildquelle: UX Planet<\/figcaption><\/figure>\n<\/div>\n\n\n

Pfadbasiert (Verlauf)<\/strong>: Diese Art von Breadcrumb-Trail ist auch als „History Trail“ bekannt und verfolgt die letzten Schritte des Users zur\u00fcck. Diese Art von Breadcrumbs ist in den meisten F\u00e4llen nicht sehr n\u00fctzlich, da die generierten Links dynamisch sind und sich bei jedem Klick \u00e4ndern. Diese Art von Breadcrumbs kann sehr chaotisch sein und ein Klick auf den Button „Zur\u00fcck“ ist vielleicht einfacher zu verwenden. Das folgende Beispiel zeigt zwei Wege zur Navigation auf der gleichen Seite:<\/p>\n\n\n\n

\n
\"Path-based\"
Bildquelle: UX Planet<\/figcaption><\/figure>\n<\/figure>\n\n\n\n

Vorteile der Breadcrumb Navigation<\/strong><\/strong><\/h2>\n\n\n\n

Breadcrumbs sind aus den folgenden Gr\u00fcnden ein zentrales Element einer SEO-freundlichen Website:<\/p>\n\n\n\n