Tutorials

Produktschema-Code zu Shopify hinzufügen: Ein einfacher Guide

Melden

Hier ist ein umfassendes Tutorial, wie du Produktschema-Daten (Structured Data) zu deinem Shopify-Store hinzufügst, um deine SEO zu verbessern und Rich Snippets (wie Sternebewertungen und Preise) in den Google-Suchergebnissen anzuzeigen.

Produktschema (auch bekannt als Structured Data oder JSON-LD) ist ein spezieller Code, der Suchmaschinen hilft, deine Produkte besser zu verstehen. Wenn er korrekt implementiert ist, zeigt Google in den Suchergebnissen zusätzliche Informationen wie den Preis, die Verfügbarkeit und Kundenbewertungen an.

Warum ist das wichtig?

  • Höhere Klickrate (CTR): Rich Snippets fallen in den Suchergebnissen mehr auf.
  • Besseres SEO-Ranking: Suchmaschinen können deine Inhalte präziser indexieren.
  • Vertrauen: Bewertungen direkt in der Suche steigern das Vertrauen der Kunden.

Schritt 1: Überprüfen, ob bereits Schema-Code vorhanden ist

Bevor du neuen Code hinzufügst, solltest du prüfen, ob dein Shopify-Theme bereits Schema-Daten enthält (die meisten modernen Themes wie „Dawn“ haben dies integriert).

  1. Gehe zum Google Rich Results Test.
  2. Gib die URL eines deiner Produkte ein.
  3. Prüfe, ob unter „Erkannte Elemente“ bereits „Produkte“ aufgelistet sind. Wenn ja, musst du nur Anpassungen vornehmen, falls Informationen fehlen.

Schritt 2: Produktschema manuell hinzufügen (JSON-LD)

Falls dein Theme kein oder nur ein lückenhaftes Schema hat, kannst du JSON-LD-Code manuell einbauen. Dies ist die von Google empfohlene Methode.

  1. Logge dich in dein Shopify Admin ein.
  2. Gehe zu Onlineshop > Themes.
  3. Klicke bei deinem aktuellen Theme auf die drei Punkte (...) und wähle Code bearbeiten.
  4. Suche im Ordner Snippets nach einer Datei namens product-schema.liquid oder erstelle ein neues Snippet mit diesem Namen.
  5. Füge den folgenden Beispiel-Code ein (dieser nutzt Liquid-Variablen, um Daten automatisch zu ziehen):
<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Product",
  "name": {{ product.title | json }},
  "url": {{ shop.url | append: product.url | json }},
  "image": [
    {{ product.featured_image.src | img_url: 'master' | prepend: "https:" | json }}
  ],
  "description": {{ product.description | strip_html | json }},
  "sku": {{ product.selected_or_first_available_variant.sku | json }},
  "brand": {
    "@type": "Brand",
    "name": {{ product.vendor | json }}
  },
  "offers": {
    "@type": "Offer",
    "url": {{ shop.url | append: product.selected_or_first_available_variant.url | json }},
    "priceCurrency": {{ shop.currency | json }},
    "price": {{ product.selected_or_first_available_variant.price | divided_by: 100.00 | json }},
    "availability": "http://schema.org/{% if product.available %}InStock{% else %}OutOfStock{% endif %}",
    "itemCondition": "http://schema.org/NewCondition"
  }
}
</script>
  1. Speichere die Datei.
  2. Öffne nun die Datei theme.liquid oder main-product.liquid (im Ordner „Sections“) und füge an einer passenden Stelle (meist am Ende der Datei) folgenden Code ein, um das Snippet zu laden: {% render 'product-schema' %}

Schritt 3: Schema-Daten für Bewertungen integrieren

Wenn du eine Bewertungs-App (wie Judge.me, Loox oder Shopify Reviews) nutzt, fügen diese oft automatisch ihren eigenen Schema-Code für „AggregateRating“ hinzu.

Damit die Sterne in Google erscheinen, muss das Bewertungsschema innerhalb des Produktschemas liegen. Die meisten Apps bieten in ihren Einstellungen eine Option wie „Search Engine Optimization“ oder „Schema.org integration“ an. Aktiviere diese dort einfach per Klick.

Schritt 4: Alternative – Nutzung einer App

Wenn du dich nicht traust, den Code selbst zu bearbeiten, gibt es hervorragende Apps, die das Schema-Management komplett automatisieren:

  • SEO Manager: Ein All-in-One-Tool für Shopify SEO.
  • JSON-LD for SEO: Spezialisierte App, die sehr hochwertigen und fehlerfreien Schema-Code generiert.
  • Plug in SEO: Hilft bei der Identifizierung von Schema-Fehlern.

Schritt 5: Den Erfolg testen

Nachdem du den Code hinzugefügt hast, ist es wichtig, ihn zu validieren:

  1. Gehe erneut zum Google Rich Results Test.
  2. Gib die URL deines Produkts ein.
  3. Google zeigt dir nun grüne Häkchen an, wenn alles korrekt ist. Falls Warnungen erscheinen (z. B. „Missing field 'brand'“), ergänze die entsprechenden Informationen in deinen Produktdaten in Shopify.

Wichtig: Es kann zwischen einigen Tagen und mehreren Wochen dauern, bis Google deine Seite neu crawlt und die Rich Snippets tatsächlich in den Suchergebnissen anzeigt.

Zusammenfassung der Checkliste:

  • [ ] Prüfen, ob das Theme bereits Schema-Daten liefert.
  • [ ] JSON-LD Code in ein Snippet einfügen.
  • [ ] Snippet in der Produkt-Sektion aufrufen.
  • [ ] Bewertungs-App mit dem Schema verknüpfen.
  • [ ] Mit Google-Tools auf Fehler prüfen.
0