Schema-Markup in Shopify einbauen, ohne das Theme zu zerschießen

Was ist Schema-Markup, und was bringt Shopify schon mit?

Schema-Markup sind strukturierte Daten, ein Block aus JSON-LD, der beschreibt, was eine Seite ist, damit Suchmaschinen und Antwortmaschinen sie lesen können, ohne zu raten. Auf einer Produktseite sagt es: das ist ein Product, das ist der Preis, das ist die Bewertung, das sind die Bewertungen. Google nutzt das, um Sternebewertung, Preis und Verfügbarkeit unter deinem Treffer anzuzeigen.

Shopify-Themes bringen bereits einige strukturierte Daten mit, meist einen einfachen Product-Block, aber selten Review oder aggregateRating, weil das Theme keine eigenen Bewertungen hat, die es beschreiben könnte. Genau diese Lücke füllst du: Du verbindest deine Bewertungsdaten mit dem Product-Markup, damit die Sterne erscheinen können.

Welches Schema brauchen Produktbewertungen wirklich?

Für Rich Snippets braucht Google ein Product, das Review, aggregateRating oder beides enthält. Der Product-Block trägt Name, Bild und offers. Das aggregateRating trägt den Durchschnittswert und die Anzahl der Bewertungen. Jede Review trägt einen Autor, eine Bewertung und den Bewertungstext.

Die Regel, über die die meisten stolpern: Die Bewertungen und die Sternebewertung im Markup müssen auf der Seite sichtbar sein. Du kannst kein aggregateRating von 4,8 aus 200 Bewertungen auszeichnen, wenn die Seite keine Bewertungen zeigt. Google wertet das als irreführend und entfernt das Rich Snippet für die ganze Seite.

• Product: Name, Bild und offers (Preis, Währung, Verfügbarkeit).
• aggregateRating: ratingValue und reviewCount, passend zu dem, was die Seite zeigt.
• Review: Autor, reviewRating und reviewBody, für einzelne Bewertungen auf der Seite.

Theme-JSON-LD bearbeiten, App nutzen oder Generator verwenden?

Es gibt drei ehrliche Wege, und sie wägen Kontrolle gegen Sicherheit ab. Das Theme-JSON-LD von Hand zu bearbeiten gibt dir volle Kontrolle, bedeutet aber, Liquid anzufassen, wo ein einziges falsches Komma den Block still zerstört. Eine Bewertungs-App das Schema einfügen zu lassen ist der geringste Aufwand, aber du übernimmst die Form, die die App ausgibt, und manche Apps fügen es clientseitig ein, wo Crawler es übersehen können. Ein Schema-Generator liegt dazwischen: Du gibst deine echten Werte ein, er liefert gültiges JSON-LD, und du setzt einen sauberen Block in die Seite.

Wenn du dich im Theme-Code nicht sicher fühlst, fang mit dem Generator an. Das ist der risikoärmste Weg, einen korrekten Block auf die Seite zu bekommen, und du kannst die Ausgabe direkt in einen Custom-Liquid-Abschnitt einfügen, ohne das Theme umzuschreiben.

• Theme-JSON-LD: meiste Kontrolle, höchstes Risiko eines stillen Syntaxfehlers.
• App-eingefügt: geringster Aufwand, aber prüfe, ob es im Seitenquelltext steht, nicht nur im Browser.
• Generator-Tool: echte Werte eingeben, geprüftes JSON-LD erhalten, einen Block einsetzen.

Wie baue ich das Markup ein, ohne das Theme zu zerschießen?

Füge Schema nie mitten in einen bestehenden JSON-LD-Block ein. Setze es als eigenständiges, in sich geschlossenes Script ein. Lege im Theme-Editor einen Custom-Liquid-Abschnitt an (oder bearbeite das Produkt-Template) und platziere ein einzelnes neues Script vom Typ application/ld+json mit deinem Product-Block. So bleibt es getrennt, und ein Fehler in deinem Block kann den Theme-Block nicht beschädigen, und umgekehrt.

Bevor du speicherst, dupliziere das Theme, damit du sauber zurückrollen kannst. Dann füge den Block ein, speichere und sieh dir den Quelltext der live geschalteten Produktseite an, um zu bestätigen, dass das JSON-LD im rohen HTML steht, nicht erst nach dem Ausführen der Scripts. Wenn deine Bewertungen von einer App nach dem Laden eingefügt werden, ist es am sichersten, die App serverseitig rendern zu lassen oder die Generator-Ausgabe an Werte zu binden, die bereits auf der Seite gedruckt stehen.

Wie prüfe ich das Markup, und woran erkenne ich, dass es nicht funktioniert?

Lass jedes Produkt-Template durch zwei Prüfungen laufen: den Test für Rich-Suchergebnisse von Google für die Eignung und den Schema.org-Validator für die Syntax. Der Test für Rich-Suchergebnisse zeigt dir, ob das Product für Sterne geeignet ist, und meldet fehlende Pflichtfelder. Der Schema.org-Validator findet fehlerhaftes JSON, das der Rich-Results-Test gelegentlich durchwinkt.

Der Fehler, den du am häufigsten siehst, ist kein Syntaxfehler. Es ist eine Warnung, dass die Bewertung keine sichtbaren Bewertungen hat oder dass die ausgezeichneten Werte nicht zur Seite passen. Das ist wieder die Regel zur Übereinstimmung. Behebe es, indem du das Markup genau das beschreiben lässt, was ein Käufer sehen kann, und prüfe danach erneut, bevor du weitermachst.

• Test für Rich-Suchergebnisse: bestätigt die Product-Eignung und listet fehlende Felder.
• Schema.org-Validator: findet fehlerhaftes JSON, das der Rich-Test übersehen kann.
• Quelltext der Live-Seite ansehen: bestätigt, dass der Block im rohen HTML steht.

Welche Fehler entwerten Schema still und heimlich?

Das meiste entwertete Schema ist technisch gültig und wird trotzdem abgelehnt, weil es etwas beschreibt, das die Seite nicht zeigt. Die typischen Fälle: ein aggregateRating ohne Bewertungen, die auf der Seite gerendert werden, eine Anzahl von Bewertungen im Markup, die nicht zur Anzahl auf dem Bildschirm passt, oder eigennütziges Bewertungs-Markup auf einer Seite, die in Wahrheit eine Kategorie- oder Startseite ist und kein einzelnes Produkt.

Die tiefere Version dieses Problems ist die Lesbarkeit. Viele Bewertungs-Apps wurden für den Käufer auf der Seite gebaut und hören da auf: Die Sterne sehen im Browser richtig aus, aber Bewertungstext und Sternebewertung stecken in einem Widget, das Crawler und Antwortmaschinen nicht lesen können, also beschreibt das Markup Inhalte, die die Maschine nie sieht. Deine vorhandenen Bewertungen lesbar, belegt und in Suche und KI zitierbar zu machen, ist die Lücke, die BeyondReviews schließen soll.

• aggregateRating vorhanden, aber keine Bewertungen tatsächlich auf der Seite gerendert.
• Anzahl oder Durchschnitt der Bewertungen im Markup passt nicht zu den sichtbaren Zahlen.
• Product- oder Review-Markup auf einer Seite, die kein einzelnes Produkt ist.
• Bewertungen, die in einem clientseitigen Widget gefangen sind, das der Crawler nicht lesen kann.

Worauf es am Ende ankommt

Sauberes Shopify-Schema sind drei Dinge: ein in sich geschlossener Product-Block, echte Bewertungen, die auf der Seite sichtbar sind, und Markup, dessen jeder Wert zu dem passt, was ein Käufer sieht. Setze es als eigenes Script ein, damit es das Theme nicht zerschießen kann, erzeuge es aus deinen echten Zahlen statt es von Hand zu tippen, und prüfe jedes Template, bevor du es als fertig betrachtest.

Tust du das, werden Sterne, Preis und Anzahl der Bewertungen für deinen Google-Treffer infrage kommen. Übergehst du die Regel zur Übereinstimmung, ist das Markup gültig und wird ignoriert, was das Schlechteste von beidem ist: Arbeit gemacht, nichts gezeigt.