Die Breadcrumb-Navigation ist ein sekundäres Navigationselement, das meist im oberen Bereich einer Seite angezeigt wird und dem Käufer den Pfad von der Startseite bis zur aktuell angezeigten Seite zeigt – zum Beispiel Startseite > Bekleidung > Pullover > Rundhalspullover aus Bio-Baumwolle. Sie vermittelt Besuchern sofort, wo sie sich innerhalb der Kategoriehierarchie einer Website befinden, und bietet eine einfache Möglichkeit, zu einer übergeordneten Kategorie zurückzukehren, ohne den Zurück-Button des Browsers zu nutzen oder sich durch das Hauptmenü zu suchen. Bei Produktseiten, die über einen Katalog-Feed gespeist werden, werden Breadcrumbs in der Regel automatisch aus denselben Kategoriedaten erzeugt, mit denen jeder Artikel klassifiziert wird.
Warum die Breadcrumb-Navigation für katalogbasierte Websites wichtig ist
Käufer, die über eine Shopping-Anzeige oder ein organisches Suchergebnis auf einer bestimmten Produktseite landen, kommen oft ohne Kontext dazu an, wo dieses Produkt im gesamten Katalog einzuordnen ist – Breadcrumbs liefern diesen Kontext auf einen Blick. Das ist vor allem für die Conversion wichtig: Ein Besucher, der feststellt, dass das konkrete Produkt nicht ganz passt, kann über die Breadcrumb-Leiste eine Ebene höher zur übergeordneten Kategorie wechseln, statt die Website ganz zu verlassen – so wird Traffic zurückgewonnen, der sonst verloren ginge. Breadcrumbs dienen zudem als interne Links, die die Position einer Seite innerhalb der Navigationsstruktur der Website für Suchmaschinen stärken, und viele Plattformen zeigen sie in den Suchergebnissen direkt als übersichtlichen Kategoriepfad statt einer rohen URL an, was die Klickattraktivität eines organischen Eintrags erhöht.
Wie die Breadcrumb-Navigation funktioniert
Breadcrumb-Pfade werden fast immer dynamisch aus derselben Kategorietaxonomie erzeugt, die auch an anderer Stelle der Website verwendet wird, meist aus dem Wert product_type oder google_product_category, der jedem Artikel im Feed zugewiesen ist. Die Genauigkeit der Breadcrumb-Navigation ist also nur so gut wie die Kategorisierung im Feed selbst – ein im Feed falsch klassifiziertes Produkt zeigt auf seiner Seite einen ebenso falschen Breadcrumb-Pfad. Suchmaschinen lesen Breadcrumb-Markup zudem über strukturierte Daten (BreadcrumbList-Schema), wodurch der Kategoriepfad direkt in Suchergebnis-Snippets erscheinen kann. Diese strukturierte Version sollte mit jeder HTML-Sitemap synchron bleiben, die dieselbe Hierarchie in einem anderen Format abbildet.
Beispiel
<item>
<g:id>SKU-10234</g:id>
<g:title>Organic Cotton Crewneck Sweater - Charcoal, M</g:title>
<g:google_product_category>Apparel & Accessories > Clothing > Sweaters</g:google_product_category>
<g:product_type>Men's > Sweaters > Crewneck</g:product_type>
</item><!-- Breadcrumb rendered from the same category path -->
<nav aria-label="breadcrumb">
<a href="/de/">Home</a> >
<a href="/de/mens">Men's</a> >
<a href="/de/mens/sweaters">Sweaters</a> >
<span>Organic Cotton Crewneck</span>
</nav>Da der Breadcrumb-Pfad direkt aus dem Wert product_type des Feeds abgeleitet wird, korrigiert die Berichtigung eines falsch kategorisierten Produkts im Feed automatisch dessen Breadcrumb-Pfad überall, wo er erscheint – ganz ohne manuelle Bearbeitung Seite für Seite.
Verwandte Begriffe
Die Breadcrumb-Navigation ist ein sichtbarer Ausdruck der übergreifenden Navigationsstruktur einer Website und funktioniert am besten zusammen mit einer HTML-Sitemap, die dieselbe Kategoriehierarchie für Crawler in einem flachen, umfassenden Format dokumentiert. Da Breadcrumbs Käufern eine einfache Möglichkeit bieten, nach einem unpassenden Klick weiterzunavigieren, tragen sie mit wenig Aufwand spürbar zur Landingpage-Optimierung jeder Seite bei, die feedbasierten Traffic erhält.
