Breadcrumbs in Shopify
Breadcrumbs in Shopify
Was sind Breadcrumbs?
Stell dir vor, du betrittst einen großen Concept-Store. Du willst ein bestimmtes Produkt finden, doch die Gänge sind verschachtelt, die Regale unübersichtlich, ohne Hinweisschilder würdest du schnell die Orientierung verlieren. Genau hier kommen Breadcrumbs ins Spiel: kleine Navigationshilfen, die deinen Besucher:innen auf jeder Seite zeigen, wo er sich gerade befindet und wie er zurück zu vorherigen Kategorien kommt.
Für Shopify Händler:innen bedeutet das konkret: Besucher:innen, die über Suchmaschinen oder Social Media direkt auf einer Produktseite landen, sehen sofort, in welchem „Weg“ sie sich befinden. Sie verstehen die Hierarchie deines Shops und können bequem zurückspringen, ohne frustriert den Shop zu verlassen.
Die Vorteile?
- Bessere Nutzererfahrung: Besucher:innen wissen immer, wo sie stehen, und finden schneller verwandte Produkte
- Höhere Interaktion: Wer sich sicher navigiert, bleibt länger auf der Seite
- Reduzierte Absprungraten: Frustrierte Besucher:innen verlassen seltener den Shop
- SEO-Boost: Breadcrumbs mit JSON-LD liefern Suchmaschinen zusätzliche Infos über die Struktur deines Shops, was die Indexierung und Auffindbarkeit verbessert
SEO-Vorteile von Breadcrumbs in Shopify
Breadcrumbs sind nicht nur ein Usability-Tool, sie haben auch messbare Auswirkungen auf die Sichtbarkeit in Suchmaschinen. Das liegt vor allem an strukturierten Daten (JSON-LD/BreadcrumbList) und der klaren Hierarchie, die sie abbilden.
1. Bessere Crawlbarkeit und Indexierung
Suchmaschinen-Crawler mögen gut strukturierte Seiten. Breadcrumbs helfen Google & Co., die Seitenhierarchie deines Shops zu verstehen, weil jede Ebene der Navigation klar angegeben wird. Statt jede Produktseite isoliert zu betrachten, erkennt Google, in welchem Kontext die Seite steht, das erleichtert das Indexieren und kann dazu führen, dass auch Unterseiten schneller und korrekt erfasst werden.
2. Darstellung in den Suchergebnissen (SERPs)
Google kann Breadcrumbs direkt in den Suchergebnissen anzeigen. Das bedeutet, dass Nutzer:innen schon in den vorgeschlagenen Suchergebnissen sehen, wo ein Produkt in deinem Shop eingeordnet ist. Beispiel:
Startseite > Möbel > Regale > Designer-Regale > Rund > Eiche > 120cm
So wirkt dein Ergebnis professioneller, vermittelt sofort Orientierung und steigert die Klickwahrscheinlichkeit (CTR).
3. Verbesserte Nutzerführung
Breadcrumbs zeigen dem User den Weg durch deinen Shop, selbst wenn er über externe Quellen oder die Produktsuche direkt auf einer Unterseite landet. Das sorgt für eine bessere User Experience, längere Aufenthaltszeiten und indirekt auch für SEO-Vorteile: Google erkennt, dass Nutzer:innen sich auf der Seite wohlfühlen und länger verweilen.
4. Attribute vs. Location Breadcrumbs
In Shops besonders nützlich sind Attribut-Breadcrumbs. Sie spiegeln Kategorien, Eigenschaften oder Filter wider, zum Beispiel:
Herren > Hosen > Jeans > Blau > Größe 34/32
So weiß Google, dass die Seite Teil einer logischen Produkt-Hierarchie ist und kann relevante Suchanfragen passender zuordnen.
Kurz gesagt: Breadcrumbs verbinden Usability und SEO optimal, weil sie sowohl den Nutzer:innen Orientierung geben als auch Suchmaschinen die Struktur deines Shops transparent machen.
Breadcrumbs in Shopify Themes
Viele Shopify-Themes bieten standardmäßig eine Breadcrumb-Navigation. Für kleine Shops mit flachen Strukturen reichen zwei bis drei Ebenen meist aus. Bei tieferen Kategorien stoßen die Standard-Breadcrumbs schnell an ihre Grenzen, da die Themes hier nur begrenzt Anpassungsmöglichkeiten bieten.
In Shops mit komplexen Kategorien, mehreren Produktzuordnungen oder sogenannten Subcollections reicht das oft nicht aus, um die gesamte Struktur abzubilden.
Subcollections sind keine native Funktion in Shopify, lassen sich aber durch Custom Coding hinzufügen. So können Kategorien noch feiner strukturiert und tiefere Hierarchien sinnvoll dargestellt werden, etwas, das Standard-Themes und deren Breadcrumb Feature alleine nicht leisten können.
Einige Themes, die Breadcrumbs mit zwei Ebenen bereits unterstützen, sind unter anderem:
Möchtest du mehr über Shopify Themes erfahren?
Lösungen für Breadcrumbs
App: Breadcrumbs Uncomplicated
Für Shopify-Shop-Besitzer:innen, die nicht selbst programmieren möchten, kann die App Breadcrumbs Uncomplicated helfen:
Funktionen:
- vollständige Breadcrumbs auf Kollektionen- und Produktseiten
- Nutzung vorhandener Shopify-Menüs
- Automatisches JSON-LD für SEO
- Drag-and-Drop für 2.0-Themes, Embed-Code für ältere Themes
- Unterstützung von Metafields für mehrsprachige oder lange URLs
- automatisch übersetzter Text
Preis:
- 5$/Monat
Custom Lösung: Collectors Wine World
Bei Collectors Wine World sollten Breadcrumbs auf vier Leveln abgebildet werden:
Metaobject-Struktur:
- Level 1: Land
- Level 2: Region
- Level 3: Unterregion (falls vorhanden)
- Level 4: Winzer / Weingut
Logik:
- Jedes Produkt enthält ein Breadcrumb-Metaobject mit den vier Leveln.
- Die Logik durchläuft diese Level und prüft, welche Collections mit dem Produkt verknüpft sind.
- Stimmt ein Level mit einer Produkt-Collection überein, wird diese Collection in die Breadcrumb-Liste aufgenommen.
- Am Ende wird der Produktname als letzter Eintrag hinzugefügt.
Parent-Collection-Verlinkung:
- Collections enthalten ein Metafield „Parent Collection“.
- Die Breadcrumb-Logik durchläuft die aktuellen Collection nach oben, bis keine Parent-Collection mehr vorhanden ist.
- Beispiel: „Bordeaux“ verweist auf „Frankreich“, „Frankreich“ hat keine übergeordnete Collection, weil es die oberste Ebene ist.
Ergebnis: Besucher:innen sehen auf einen Blick die vollständige Weinhierarchie von Land über Region bis hin zum Winzer. So können sie bequem zu übergeordneten Ebenen springen. Gleichzeitig hilft die strukturierte Breadcrumb-Navigation Google, die Hierarchie richtig zu erkennen und die Produkte in den Suchergebnissen sauber einzuordnen.
Fazit: Breadcrumbs strategisch einsetzen
Breadcrumbs sind mehr als nur ein nettes Detail. Sie sind ein Werkzeug, das Nutzer:innen Orientierung gibt, das Einkaufserlebnis verbessert und gleichzeitig SEO unterstützt.
- Standard-Themes stoßen bei komplexen Shops schnell an Grenzen.
- Apps wie Breadcrumbs Uncomplicated können eine schnelle Lösung sein, sind aber nicht unser Favorit. Als langfristige Lösung empfehlen wir eine eigene Logik
- Individuelle Lösungen, wie bei Collectors Wine World, ermöglichen flexible Mehr-Ebenen-Breadcrumbs, die genau auf die Shop-Struktur abgestimmt sind.
So entsteht ein Shop, der Besucher:innen intuitiv durch Produkte und Kategorien führt, die Conversion verbessert und gleichzeitig von SEO-Vorteilen profitiert.
Benötigst du Hilfe beim Setup von Breadcrumbs?
