Die Breadcrumb-Navigation ist ein sekundäres Navigationselement, das üblicherweise im oberen Bereich einer Seite angezeigt wird. Sie zeigt dem Besucher den Pfad von der Startseite zur aktuell angezeigten Seite – beispielsweise: Startseite > Bekleidung > Pullover > Rundhalspullover aus Bio-Baumwolle. So erhalten Besucher sofort einen Überblick über ihre Position innerhalb der Kategoriehierarchie einer Website und können schnell und einfach zu einer übergeordneten Kategorie zurückkehren, ohne die Zurück-Taste des Browsers zu verwenden oder im Hauptmenü zu suchen. Bei Produktseiten, die aus einem Katalogfeed gespeist werden, werden die Breadcrumbs in der Regel automatisch aus denselben Kategoriedaten generiert, die die einzelnen Artikel klassifizieren.

Warum die Breadcrumb-Navigation für katalogbasierte Websites wichtig ist

Käufer, die über eine Shopping-Anzeige oder ein organisches Suchergebnis auf eine bestimmte Produktseite gelangen, haben oft keine Kenntnis darüber, wo sich das Produkt im Gesamtkatalog befindet. Breadcrumbs liefern ihnen diese Information auf einen Blick. Dies ist besonders wichtig für die Conversion: Ein Besucher, der feststellt, dass das Produkt nicht ganz seinen Vorstellungen entspricht, kann über die Breadcrumbs-Navigation zur übergeordneten Kategorie navigieren, anstatt die Website zu verlassen. So wird Traffic zurückgewonnen, der sonst verloren gegangen wäre. Breadcrumbs dienen außerdem als interne Links, die die Position einer Seite in der Navigationsstruktur der Website für Suchmaschinen verdeutlichen. Viele Plattformen zeigen sie direkt in den Suchergebnissen als übersichtlichen Kategoriepfad anstelle einer reinen URL an, was die Klickrate eines organischen Eintrags erhöht.

So funktioniert die Breadcrumb-Navigation

Breadcrumb-Pfade werden fast immer dynamisch aus derselben Kategorien-Taxonomie generiert, die auch an anderer Stelle auf der Website verwendet wird, meistens der product_type or google_product_category Jedem Element im Feed wird ein Wert zugewiesen. Das bedeutet, dass die Genauigkeit der Breadcrumb-Navigation nur so gut ist wie die Kategorisierung im Feed selbst – ein im Feed falsch klassifiziertes Produkt zeigt auf seiner Seite einen ebenso falschen Breadcrumb-Pfad an. Suchmaschinen lesen Breadcrumb-Markup auch über strukturierte Daten (BreadcrumbList Schema), wodurch der Kategoriepfad direkt in den Suchergebnissen angezeigt wird, und diese strukturierte Version sollte mit allen anderen synchronisiert bleiben. HTML-Sitemap das dieselbe Hierarchie in einem anderen Format dokumentiert.

Beispiel

<item>
  <g:id>SKU-10234</g:id>
  <g:title>Organic Cotton Crewneck Sweater - Charcoal, M</g:title>
  <g:google_product_category>Apparel &amp; Accessories &gt; Clothing &gt; Sweaters</g:google_product_category>
  <g:product_type>Men's &gt; Sweaters &gt; Crewneck</g:product_type>
</item>
<!-- Breadcrumb rendered from the same category path -->
<nav aria-label="breadcrumb">
  <a href="/de/">Home</a> &gt;
  <a href="/de/mens">Men's</a> &gt;
  <a href="/de/mens/sweaters">Sweaters</a> &gt;
  <span>Organic Cotton Crewneck</span>
</nav>

Weil der Breadcrumb-Pfad direkt aus dem Feed abgeleitet wird product_type Wert, Korrektur eines falsch kategorisierten Produkts im Feed behebt automatisch dessen Breadcrumb-Pfad überall dort, wo es vorkommt, ohne dass eine manuelle Bearbeitung Seite für Seite erforderlich ist.

Verwandte konzepte

Die Breadcrumb-Navigation ist ein sichtbarer Ausdruck der übergeordneten Navigationsstruktur einer Website und funktioniert am besten in Kombination mit einer HTML-Sitemap , die dieselbe Kategorienhierarchie in einem flachen, übersichtlichen Format für Suchmaschinen-Crawler dokumentiert. Da Breadcrumbs Nutzern eine einfache Möglichkeit bieten, nach einem Fehlklick die richtige Seite zu finden, tragen sie zudem mit geringem Aufwand zur Optimierung von Landingpages bei , die über Feeds Traffic erhalten.