Breadcrumbs (auf Deutsch auch „Brotkrümelnavigation“) sind ein zentrales Element jedes Onlineshops. Sie verbessern die Navigation und die Nutzererfahrung (UX) und stärken zugleich das SEO, weil sie die interne Struktur der Website optimieren.
In Shopify ist die Optimierung der Breadcrumbs ein wichtiger Schritt, um die Seitenarchitektur zu verbessern und die Indexierung durch Google zu erleichtern. Viele Themes bringen jedoch keine gut optimierten Breadcrumbs mit, sodass diese meist manuell oder über Apps von Drittanbietern umgesetzt werden müssen.
In diesem ausführlichen Leitfaden zeige ich Ihnen, wie Sie Breadcrumbs in Shopify optimieren, welche Umsetzungsmöglichkeiten es gibt und welche Fehler Sie vermeiden sollten. Außerdem teile ich meine persönlichen Erfahrungen und unser Vorgehen bei Línea Gráfica als Shopify-Partner-Agentur.
Was sind Breadcrumbs und warum sind sie in Shopify wichtig?
Die Breadcrumbs sind eine Art Sekundärnavigation, die die Hierarchie der Website zeigt und Besuchern hilft zu erkennen, wo im Shop sie sich gerade befinden. Meist sehen sie so aus:
Startseite > Kategorie > Unterkategorie > Produkt
Die wichtigsten Vorteile von Breadcrumbs in Shopify:
- Bessere UX: Sie erleichtern die Navigation für die Nutzer.
- Hilfreich für SEO: Sie stärken die interne Verlinkung.
- Höhere Verweildauer: Nutzer können leicht zu übergeordneten Kategorien zurückkehren.
- Bessere Indexierung bei Google: Google nutzt Breadcrumbs, um die Hierarchie der Website zu verstehen.
- Sichtbar in den Suchergebnissen: Google kann Breadcrumbs in den SERPs anzeigen, was die Klickrate (CTR) verbessern kann.
Wichtig: Breadcrumbs nützen nicht nur den Nutzern, sie können auch die Absprungrate senken, weil Besucher intuitiver durch den Shop navigieren.
Welche Vorteile bieten Breadcrumbs in Shopify für SEO und UX?
Nach meiner persönlichen Erfahrung sind Breadcrumbs für das SEO unverzichtbar. Shopify bildet die Struktur einer Website nicht immer optimal ab, und Breadcrumbs helfen Google, die Hierarchie besser zu verstehen.
SEO-Vorteile
- Sie stärken die interne Verlinkung und verteilen Autorität auf die einzelnen Seiten.
- Optimierte Snippets bei Google: Google kann Breadcrumbs in den Ergebnissen anzeigen, was die Klickrate verbessern kann.
- Hilfreich für die Indexierung: Die Google-Bots folgen strukturierten Links besser.
Vorteile für die UX
- Sie erleichtern die Navigation und verhindern, dass sich Nutzer verirren.
- Sie können die Absprungrate senken, da Nutzer zurückgehen können, ohne die „Zurück“-Taste des Browsers zu verwenden.
- Sie verbessern die Barrierefreiheit der Website.
Wie lassen sich Breadcrumbs in Shopify umsetzen?
In Shopify gibt es zwei Hauptwege, Breadcrumbs hinzuzufügen:
Option 1: Umsetzung per Code (Nachteile und warum ich sie nicht empfehle)
Eine Möglichkeit ist, die Breadcrumbs individuell per Code in der theme.liquid zu entwickeln. In Shopify ist das jedoch aufwendig und wenig praxistauglich.
Nachteile von individuellem Code:
- Erfordert fortgeschrittene Kenntnisse in Liquid und HTML.
- Lässt sich nicht immer gut in jedes Shopify-Theme integrieren.
- Bei einem Theme-Update kann die Konfiguration verloren gehen.
- Enthält nicht automatisch Schema Markup.
Meine persönliche Empfehlung: Ich rate von dieser Option ab, es sei denn, Sie haben einen erfahrenen Entwickler, der den Code pflegen kann.
Option 2: Eine App eines Drittanbieters nutzen (die bessere Lösung)
Nachdem ich mehrere Möglichkeiten getestet habe, empfehle ich eine spezialisierte App zur Verwaltung der Breadcrumbs in Shopify.
Warum eine App statt Code?
- Schnelle, einfache Installation ohne Code.
- Kompatibel mit den meisten Shopify-Themes.
- Enthält Schema Markup zur Verbesserung des SEO.
- Geringeres Risiko, dass sie bei Shopify- oder Theme-Updates ausfällt.
- Spart Zeit und Entwicklungskosten.
Meine Lieblings-App dafür ist TT ‑ Breadcrumbs & SEO Schema.
Die beste Breadcrumbs-App für Shopify: TT ‑ Breadcrumbs & SEO Schema
Nach dem Test mehrerer Lösungen ist TT ‑ Breadcrumbs & SEO Schema die beste Option, die ich gefunden habe.
Die wichtigsten Funktionen:
- Anpassbare Breadcrumbs ohne Code.
- Kompatibel mit den meisten Shopify-Themes.
- Enthält Schema Markup für SEO.
- Kostenlose Version, die in vielen Fällen ausreicht.
- Kostenpflichtige Option mit weiteren erweiterten Funktionen.
Meine Empfehlung: Für die meisten Shops reicht die kostenlose Version meist aus. Wenn Sie erweiterte Anpassungen benötigen, bietet die kostenpflichtige Version mehr Flexibilität.
Wie richte ich Breadcrumbs in Shopify mit TT ‑ Breadcrumbs & SEO Schema ein?
Im Folgenden erkläre ich Schritt für Schritt, wie Sie Breadcrumbs in Shopify mit dieser App installieren und konfigurieren.
App installieren
- Öffnen Sie den Shopify App Store.
- Suchen Sie nach „TT ‑ Breadcrumbs & SEO Schema“.
- Installieren Sie die App in Ihrem Shop.
Breadcrumbs konfigurieren
- Öffnen Sie die App und wählen Sie das Design der Breadcrumbs.
- Passen Sie Farben und Stile an Ihr Theme an.
- Speichern Sie die Änderungen.
Schema Markup aktivieren (wichtig für SEO)
- Öffnen Sie in der App den Bereich Schema Markup.
- Aktivieren Sie die Option zum Einbinden strukturierter Daten.
- Prüfen Sie die Konfiguration mit dem Google Rich Results Test.
SEO-Tipp: Sobald das Schema Markup aktiv ist, können Sie in der Google Search Console prüfen, ob die Breadcrumbs korrekt indexiert werden.
Häufige Fehler bei Breadcrumbs und ihre Lösung
-
Falsch konfigurierte Breadcrumbs (erscheinen in Shopify nicht)
Lösung: Prüfen Sie die Einstellungen der App und stellen Sie sicher, dass die Breadcrumbs aktiviert sind. -
Probleme mit dem Schema Markup (Google erkennt es nicht)
Lösung: Prüfen Sie den Code mit dem Google Rich Results Test. -
Breadcrumbs erscheinen nicht in den Suchergebnissen
Lösung: Stellen Sie sicher, dass Google die Änderungen gecrawlt und indexiert hat. Mit der Google Search Console lässt sich das beschleunigen.
Ja, Breadcrumbs sind für SEO und UX in Shopify von großer Bedeutung. Am besten nutzen Sie eine App wie TT ‑ Breadcrumbs & SEO Schema statt einer individuellen Entwicklung. Wenn Sie sie richtig umsetzen, verbessern Sie die Navigation, können die Absprungrate senken und erleichtern die Indexierung bei Google.
