die Brotkrümel-Navi

Eine Brotkrümel-Navigation (oder englisch: Breadcrumb Navigation) ist weit mehr als nur eine nette Design-Spielerei. In einem Onlineshop erfüllt sie entscheidende Funktionen:

1. Orientierung für den Nutzer (Usability)
   Stell dir vor, ein Nutzer kommt über eine Google-Suche direkt auf die Unterseite eines speziellen Schwibbogens. Ohne Breadcrumbs weiß er nicht, wo er sich im Shop befindet. Hierarchie zeigen: Der Nutzer sieht sofort: Home > Schwibbögen > Kleine Kerzen-Schwibbögen. Ein-Klick-Rückkehr: Er kann mit nur einem Klick eine Ebene höher springen, um sich andere Modelle anzusehen, ohne den "Zurück"-Button des Browsers mehrfach klicken zu müssen.
2. Suchmaschinenoptimierung (SEO)
   Für Google und Co. sind Breadcrumbs pures Gold:
   1. Struktur verstehen:
      Suchmaschinen nutzen die Breadcrumbs, um die Architektur deiner Website zu begreifen. Sie erkennen, welche Kategorien wichtig sind.
   2. Google-Suchergebnisse:
      Google zeigt Breadcrumbs oft direkt in den Suchergebnissen anstelle einer kryptischen URL an. Das sieht vertrauenswürdiger aus und erhöht die Klickrate (CTR). Interne Verlinkung: Du stärkst automatisch die internen Links zu deinen Hauptkategorien, was deren Ranking verbessern kann.
3. Senkung der Absprungrate (Bounce Rate)
   Wenn ein Nutzer auf einer Produktseite landet, die ihm nicht gefällt, ist die Gefahr groß, dass er die Seite schließt. Sieht er aber die Breadcrumb-Leiste, klickt er vielleicht eher auf die übergeordnete Kategorie, um weiterzustöbern, anstatt den Shop ganz zu verlassen.
4. JSON-LD Scripts
   Es teilt Google im Hintergrund (maschinenlesbar) mit, wie diese Pfade lauten. Selbst wenn du die Breadcrumbs optisch auf der Seite verstecken würdest (was nicht empfohlen ist), wüsste Google dank des JSON-LD BreadcrumbList Schemas genau Bescheid.

Wann sollte man sie einsetzen?

Pflicht: Bei Shops oder Seiten mit mehr als zwei Ebenen Tiefe.
Optional: Bei sehr flachen Seiten (nur Home + eine Unterseite).

Preis: 90,- €

Das Programmieren wir

1. json-Schema-Generierung im Datenbank-Quelltext für google
2. Umwandlung json in array
3. Ausgabe der Brotkrümel-Navigation
4. css für Brotkrümel-Navi