WooCommerce Schema: Der ultimative Leitfaden

Die Zeit ist gekommen: Niemand kann mehr auf Strukturierte Daten verzichten. Es ist Teil der technischen SEO. Ich habe in der Vergangenheit viel dar?ber geschrieben, aber in diesem Blogbeitrag m?chte ich mich auf WooCommerce Schema konzentrieren. Hoffentlich k?nnen Sie viel dar?ber lernen und danach Ihre eigenen Ausschnitte erstellen. Viel Spa? dabei!

Was ist Schema.org?

Wie die Website von schema.org sagt: Es will so etwas wie ein Vokabular sein, mit dem wir “Dinge” auf unserer Website markieren k?nnen. Wie Sie auf der Liste der vollst?ndigen Schemas sehen k?nnen, ist es genau das: Eine riesige Liste m?glicher “Dinge”.

Sie werden sp?ter auf dieser Seite sehen, dass wir das Produktschema von schema.org/Product verwenden, um unser WooCommerce Produkt so zu kennzeichnen, dass Suchmaschinen verstehen, dass es sich bei der Produktseite auch um ein Produkt handelt (Sie haben es erraten!).

Nehmen wir an, Sie wollen etwas ganz anderes auszeichnen, zum Beispiel einen Teddyb?ren. Wenn es im schema.org-Vokabular kein Markup f?r einen Teddyb?ren gibt, k?nnen Sie ihn auch nicht auszeichnen. Und deshalb verstehen Suchmaschinen nicht, dass es sich bei der Seite um einen Teddyb?ren handelt. Aber ein Teddyb?r k?nnte ja auch ein Produkt sein, oder?

Was sind strukturierte Daten im Sinne von WooCommerce?

Im zweiten Teil meines f?nfteiligen Strukturierte Daten Kurses habe ich Ihnen ein Video zur Verf?gung gestellt, damit Sie verstehen k?nnen, wie Strukturierte Daten genau funktionieren.

Kurz gesagt: Nur Suchmaschinen ben?tigen Strukturierte Daten. N?mlich um zu verstehen, was sich auf Ihrer Website befindet. Wir – als Menschen – verstehen sehr schnell, dass eine Seite eine Produktseite ist, weil es bestimmte Dinge gibt, die uns das verdeutlichen. So zum Beispiel:

  • ein Produktbild,
  • ein Produktpreis,
  • ein “Warenkorb”-Button,
  • etc.

Da Suchmaschinen keine Augen und das Wissen um all das haben, brauchen sie mehr Hilfe. Und hier setzt Structured Data an.

Da wir uns in diesem Blogbeitrag auf WooCommerce Schema konzentrieren, werden Sie im sp?teren Beispiel sehen, dass wir alle Eigenschaften wie die oben genannten f?r ein Produkt anlegen und ?bergeben.

Ist WooCommerce Schema wichtig f?r SEO?

SEO ist in der Regel sehr benutzerorientiert. Dies ist bei Strukturierten Daten nicht der Fall. Deshalb wird gesagt, dass es sich hierbei um eine technische SEO Ma?nahme handelt. Es ist nichts, was ein Benutzer sehen kann (weil es nur im Quellcode einer Seite erscheint), aber es ist f?r Suchmaschinen lesbar.

SEO bedeutet “Suchmaschinenoptimierung” und – wie ich gerade erw?hnt habe – die Kennzeichnung Ihrer Inhalte mit Strukturierten Daten ist genau das, oder? Es ist die Optimierung f?r Maschinen.

Die kurze Antwort auf die obige Frage lautet also: Ja, nat?rlich! Es ist wichtig f?r SEO!

Was sind Rich Snippets und Rich Results?

Mit “Rich Snippets” und “Rich Results” haben wir zwei weitere Begriffe, die zu den Strukturierten Daten geh?ren. Beide Begriffe bedeuten das Gleiche (laut Google).

Wie Sie vielleicht wissen: Ein “Snippet” ist ein einzelnes Suchergebnis auf einer Suchergebnisseite. Ein Rich Snippet hingegen ist – wie Sie sich vorstellen k?nnen – ein Suchergebnis, das mit weiteren Daten angereichert wurde. Hier ist ein Beispiel f?r ein angereichertes Suchergebnis f?r ein Produkt:

A search result on Google with enriched structured data.

Wie Sie sehen k?nnen, zeigt der Ausschnitt nicht etwa nur ein ?normales? Suchergebnis, sondern eines, welches auch die folgenden Daten enth?lt:

  • eine Bewertung,
  • den Preis und
  • die Verf?gbarkeit des Artikels.

Diese Infos stammen aus den Strukturierten Daten, die in Ihre Produktseite aufgenommen wurden. Google und andere Suchmaschinen lesen diese Daten aus und erstellen daraus ein sch?n aussehendes Rich Snippet.

Rich Snippets sind f?r die Benutzer attraktiver.

Was w?rden Sie sagen? Zieht dies mehr Nutzer an? F?hrt das zu mehr Klicks? Nat?rlich tut es das!

Es kann auch zu einer niedrigeren Bounce-Rate f?hren, da die Nutzer bereits im Suchergebnis erkennen, ob es sich bei der Seite um ein Produkt handelt, das sie m?glicherweise kaufen k?nnen. Und wenn sie nicht nach einem Produkt zum Kauf suchen, klicken sie sowieso nicht darauf.

Ich hoffe Sie verstehen, wie wirkungsvoll und effektiv das sein kann: Suchmaschinen verstehen dadurch nicht nur was auf Ihrer Seite steht und welche ?Dinge? darauf verf?gbar sind, sondern sie k?nnen Ihnen dar?ber hinaus helfen, bessere Leads aus einer Suche herauszuholen.

Kombinieren Sie mehrere Rich Snippets zu einem Ganzen.

Nat?rlich ist ein Produkt nicht das einzige Schema, das einen Rich Snippet (oder ein Rich Result) auf einer Suchergebnisseite erzeugt. Es gibt noch mehr! Google hat eine Galerie die Beispiele daf?r zeigt, wie bestimmte Schemata in den Suchergebnissen aussehen.

Googles Referenz listet alle Schemata auf, die die Suchmaschinen derzeit “verstehen” und daf?r ein mit zus?tzlichen Daten angereichertes Suchergebnis anzeigen k?nnen. Wichtig dabei ist, dass sich der Inhalt einer Seite nur auf ein Thema beziehen sollte. Beispielsweise sollten Sie strukturierte Daten f?r ein Rezept sowie strukturierte Daten f?r ein Produkt nicht auf derselben Seite integrieren, da dies nicht nur f?r Maschinen, sondern auch f?r Benutzer verwirrend ist.

Dennoch: Bestimmte Strukturierte Daten k?nnen und d?rfen kombiniert werden. Zum Beispiel eine BreadcrumbList zusammen mit einem Produkt. Was passiert ist, dass ein angereichertes Suchergebnis sowohl Produktinformationen, als auch einen Breadcrumb-Trail anzeigt. Cool!

A rich search result showing a review with stars and a breadcrumb trail.

Wie das WooCommerce Schema aufgebaut ist

Jetzt werden Sie sich wahrscheinlich fragen, wie das alles funktioniert.

Ich w?rde sagen, es ist ganz einfach. Aber ich bin ein Entwickler und ich wei?, dass es f?r jemanden, der nicht programmieren kann, nicht ganz so einfach sein kann. Aus diesem Grund habe ich SNIP, das Structured Data Plugin f?r WordPress, entwickelt: Sie m?ssen dadurch nicht selbst coden.

Ich m?chte, dass Sie nun einen Blick auf ein zuf?lliges Schema von schema.org werfen, nur um zu sehen, wie es aussieht. Sie werden eine lange Liste von Attributen (oder Eigenschaften) sehen, die Sie verwenden k?nnen.

The schema.org/Product page that shows some attributes that you need to build schema for WoooCommerce.

Ziemlich weit unten in der Liste sehen Sie, dass es f?r ein Produkt ein Namensattribut gibt, denn jedes Produkt hat schlie?lich auch einen Namen. Es ist also recht einfach zu verstehen, dass Sie den Produktnamen als Wert f?r dieses Attribut hinzuf?gen m?ssen.

Wie Sie sehen k?nnen, haben wir hier im Wesentlichen Schl?ssel-Werte-Paare. Aber dazu werden Sie in K?rze mehr erfahren. Davor ist es f?r Sie noch wichtig zu verstehen, dass es auch verschiedene Formate gibt.

Die Formate

Ich hoffe Sie haben verstanden, dass schema.org eine Liste von Schemas sowie deren Attribute bereitstellt, die Sie verwenden k?nnen, um Dinge auf Ihrer Website auszuzeichnen. Wie ich bereits geschrieben habe: Es ist wie ein Vokabular, mit dem wir arbeiten k?nnen.

Um diese Schl?ssel-Werte-Paare integrieren zu k?nnen, m?ssen wir sie in einem speziellen Format aufschreiben. Folgende Formate sind daf?r nutzbar:

  • Mikrodaten
  • RDFa oder
  • JSON-LD.

Allerdings ist das eine Format, das alle gro?en Suchmaschinen sehen wollen, JSON-LD. Es ist nicht nur das beste Format zum Crawlen, sondern auch eines der besten Formate zum Lesen f?r Menschen. Alle anderen Formate sind super kompliziert zu integrieren und zu lesen.

Ich m?chte Ihnen hier keine Beispiele f?r die anderen Formate zeigen, da sie mit Sicherheit nur verwirrend sind. Wenn Sie wirklich ein Beispiel daf?r sehen m?chten, scrollen Sie einfach ganz nach unten zum Abschnitt “Beispiel” auf einer der schema.org-Seiten.

Schema f?r WooCommerce: So wird es implementiert

Damit kommen wir endlich zum Hauptthema dieses Blogposts und zur Frage: Welches Schema sollten Sie verwenden, wenn Sie das WooCommerce-Plugin f?r WordPress verwenden?

Eine allgemeinere Antwort auf diese Frage finden Sie im dritten Teil vom Strukturierte Daten Kurs: Wie man Schema Typen findet.

Im folgenden Text konzentriere ich mich nur auf Produkte.

Produktschema

Nat?rlich sollten Sie f?r jede Produktseite ein Produktschema erstellen. Die zul?ssigen Eigenschaften finden Sie unter schema.org/Produkt. Sie ben?tigen jedoch nicht jede einzelne Eigenschaft davon, um ein Rich Snippet in den Suchergebnissen zu erhalten.

Finden Sie die Produkteigenschaften

Da in einem Suchergebnis ein Rich Result f?r ein Produkt dessen Preis, eine Bewertung und die Verf?gbarkeit anzeigt, ben?tigen wir mindestens diese drei Attribute. Aber um wirklich sicher zu sein, werfen wir besser einen Blick auf die Google-Referenz f?r ein Produkt.

In dieser Referenz k?nnen wir sehen, dass die folgenden Attribute erforderlich sind:

  • Bild
  • Name

Und das sind die Attribute, die nicht erforderlich, aber empfohlen sind:

  • Aggregate Rating (Gesamtbewertung)
  • Marke
  • Beschreibung
  • Angebote
    • PreisW?hrung
    • Verf?gbarkeit
    • Preis
  • Rezension
  • gtin8 | gtin13 | gtin14 | mpn | isbn
  • Sku
  • priceValidUtil (Preis g?ltig bis)
  • url

Nun k?nnten Sie fragen: “Warum ist das Verf?gbarkeitsattribut nicht erforderlich”? Die Antwort ist: Das Attribut Verf?gbarkeit ist f?r die Suchmaschine nicht notwendig, um zu verstehen, dass es sich bei der Seite um ein Produkt handelt.

Allerdings – wie ich oben geschrieben habe – ist es wichtig, alle Attribute anzugeben, die in einem angereicherten Suchergebnis auch erscheinen sollen (denn sonst werden sie einfach nicht angezeigt).

Errors und Warnings

Nat?rlich m?chte Google, dass Sie so viele Attribute wie m?glich verwenden. Deshalb wird f?r jede fehlende empfohlene Eigenschaft im Structured Data Test Tool (das ist das Tool, mit dem Sie Ihr WooCommerce Schema testen k?nnen) eine Warnung angezeigt.

Ich wei? aus den Supportanfragen f?r mein Structured Data Plugin SNIP, dass Fehler und Warnungen die Menschen verwirren. Kunden fragen immer wieder: “Warum zeigt das Testwerkzeug eine Warnung dazu an?”

Die meisten Menschen wissen nicht, dass das Test Tool zwischen Warnungen und Fehlern unterscheidet. Warnungen werden orange und Fehler rot markiert.

Warnungen sind keine Fehler (wie ich es in einem anderen Blogbeitrag geschrieben habe). Aus diesem Grund werden die Rich Search Results auch dann angezeigt, wenn es Warnungen gibt.

Schreiben Sie den Code: auf die harte Tour

K?nnen Sie sich erinnern? Strukturierte Daten geh?ren zur technischen SEO. Also ist es an der Zeit, technisch zu werden. Schreiben wir einen Code!

Aber haben Sie keine Angst, wenn Sie sich den unten stehenden Code ansehen. Er ist nicht so schwer zu lesen und Sie m?ssen ihn auch nicht selbst schreiben, wenn Sie SNIP oder den Structured Data Generator verwenden (wie Sie sp?ter in diesem Blogbeitrag erfahren werden).

Und hier ist er:

{
    "@context": "http://schema.org",
    "@type": "Product",

    "sku": "Plugin",
    "name": "SNIP - Structured Data WordPress Plugin",
    "description": "Allows you to create Structured Data right within WordPress.",

    "offers": {
        "@context": "http://schema.org",
        "@type": "Offer",
        "priceCurrency": "USD",
        "price": "59",
    }
}

Bevor Sie fragen: Ja, das ist der JSON-LD formatierte Code. Und ich habe ihn in drei Teile unterteilt, damit Sie ihn leichter lesen k?nnen:

  1. Die Eigenschaften @context und @type werden verwendet, um Suchmaschinen anzuzeigen, dass es sich bei dem folgenden Ausschnitt um ein Produkt handelt und dass es Attribute von schema.org verwendet.
  2. Dann folgen drei “normale” Produkt-Attribute (sku, Name und Beschreibung), die mit Klartext gef?llt wurden.
  3. Last but not least gibt es ein Offers-Attribut (Angebote), das selbst wieder ein Schema verwendet. Wie Sie sehen k?nnen, verwendet der Schema-Typ offers ebenfalls Attribute von schema.org. Diese Attribute sind: priceCurrency und price.

Im Moment gen?gt es zu wissen, dass wir hier nur Schl?ssel-Wert-Paare haben und dass nicht nur Textwerte, sondern auch Kind-Schemata als Werte erlaubt sind.

Code schreiben: der einfache Weg

Nat?rlich gibt es einen viel einfacheren Weg, dies auch ohne Programmierung zu erreichen. Ich w?rde allerdings nicht empfehlen, selbst zu programmieren, da die Ausgabe sehr fehleranf?llig ist. Denn wird beispielsweise ein Komma irgendwo im Code vergessen, werden im Test Tool seltsame Fehler auftreten. Und wenn Sie es nicht gewohnt sind, Code zu lesen, kann es sehr schwierig sein, die Fehler zu finden.

Wenn Sie also kein Entwickler sind, tun Sie sich selbst einen Gefallen und benutzen den JSON-LD Generator, den Sie kostenlos auf meiner Website verwenden k?nnen.

Der Generator ist genau der gleiche, den Sie auch in meinem WordPress-Plugin SNIP finden k?nnen, allerdings mit eingeschr?nkter Funktionalit?t, wie Sie sp?ter in diesem Blogbeitrag lesen k?nnen.

Structured Data Generator in the WordPress Dashboard

Wenn Sie den Generator einfach mal testen m?chten, k?nnen Sie das gerne tun. Wenn Sie Hilfe ben?tigen, schauen Sie sich bitte die Videos aus Modul 2 meines Structured Data Trainings an. Der englische Kurs zeigt Ihnen, wie Sie mit dem Generator arbeiten k?nnen.

Aber: Es gibt leider immer noch ein Problem, denn selbst mit dem Generator erhalten Sie nur statischen JSON+LD-Code, den Sie manuell in Ihre Seiten aufnehmen m?ssen. Also lassen Sie uns automatisieren!

Lassen Sie das Plugin den Code f?r Sie schreiben.

Die Probleme mit den beiden Ans?tzen, die ich bereits erw?hnt habe, sind:

  1. Klartext-Code ist sehr schwierig in WordPress zu integrieren (besonders mit dem Classic Editor);
  2. Statischer Code ist sehr schwer zu pflegen (wenn Sie ein Produkt aktualisieren, m?ssen Sie auch Ihren Code manuell aktualisieren);
  3. Der Code ist sehr schwierig zu aktualisieren (wenn Google hinterher ein Attribut als erforderlich markiert, m?ssen Sie jeden Code-Ausschnitt selbst aktualisieren).

SNIP l?st all dies. Es bietet den gleichen Structured Data Generator, den Sie bereits jetzt verwenden, aber es erm?glicht Ihnen die Automatisierung.

Das bedeutet:

  1. Sie haben nur ein Produktschema f?r all Ihre Produkte eingerichtet (ich nenne diese Funktion “Globale Snippets?);
  2. Die einzelnen Attribute k?nnen Platzhalter haben, so dass das Plugin z.B. auf jeder Produktseite den Namen durch den Produkttitel ersetzen kann;
  3. Und last but not least: Sie richten eine Regel ein, um dem Plugin mitzuteilen, wo Ihr neues Snippet erscheinen soll (in diesem Fall auf allen WooCommerce-Produktseiten);

SNIP macht dann automatisch das Folgende:

  • Es f?gt auf jeder Produktseite einen g?ltigen JSON-LD-Code hinzu und
  • ersetzt die Platzhalter durch die jeweiligen Produktwerte.
  • Danach k?nnen die Suchmaschinen Ihre Website durchsuchen, das neue Snippet erkennen und somit ein Rich Snippet anzeigen.

Woohoooo! Und das Beste ist: Wenn Sie ein Global Snippet ?ndern, z.B. weil Sie ein neues Attribut hinzuf?gen m?chten, f?gt das Plugin es jedem einzelnen Produkt hinzu! Das spart eine Menge Arbeit, nicht wahr?

Hinweis: Es kann sein, dass Ihr Rich Search Ergebnis nicht angezeigt wird. Dies liegt daran, dass die Darstellung trotz implementiertem Code komplett von den Suchmaschinen abh?ngig ist. Ist das bei Ihnen der Fall, lesen Sie meinen Beitrag ?ber Wann werden Rich Snippets in den Suchergebnissen angezeigt? (en) um mehr zu erfahren.

Produktlistungen

Ich arbeite sehr gerne mit strukturierten Daten. Besonders mit dem Generator. Es macht das Leben so einfach. Aber er kann noch mehr! Sie k?nnen zum Beispiel auch Produktlistungen erstellen, indem Sie die Karussell-Funktionalit?t nutzen, um Ihr WooCommerce Schema weiter zu verbessern.

Warum Google es “Karussell” nennt, wei? ich nicht. Vielleicht deshalb, weil Sie mit den Fingern bei einer mobilen Suche durchbl?ttern k?nnen.

Hier ist ein Beispiel f?r Rezepte. Es funktioniert auch f?r Produkt- und Blogpost-Listen:

Ein Karussell, das mehrere Beitr?ge in einem Suchergebnis auflistet.

Wie Sie im Bild sehen k?nnen: Es gibt ein Suchergebnis, aber es werden mehrere Blogeintr?ge angezeigt, durch die Sie scrollen k?nnen.

Ich m?chte an dieser Stelle nicht tiefer in?s Detail gehen, da dieser Blogbeitrag bereits super lang ist. Aber ich werde wohl noch ein How-to-Video f?r Karussells zur Verf?gung stellen. Also bleiben Sie dran!

Um noch eine weitere M?glichkeit zu erw?hnen: Breadcrumbs. Wie ich bereits in diesem Blogbeitrag erw?hnt habe, ist es auch m?glich, bestimmte Strukturierte Daten miteinander zu kombinieren, um Ihr WooCommerce Schema weiter zu verbessern und ein noch besseres Suchergebnis zu erzielen.

A search result showing a breadcrumb trail.

Um diesen Blogbeitrag kurz zu halten, besuchen Sie bitte das Video, das zeigt, wie man strukturierte Daten f?r Breadcrumbs (en) erstellt.

Fazit: Schema f?r WooCommerce ist ein Muss!

Wenn Sie mit WooCommerce Produkten arbeiten, vergessen Sie nicht die technische SEO aka Structured Data. Strukturierte Daten gibt es schon seit fast zehn Jahren und mittlerweile sind sie definitiv kein Nice-to-have mehr – sie sind ein Must-have!

Nat?rlich ist es technisch, aber mit dem Generator ist es nur halb so zeitaufwendig. Sie ben?tigen nur die Grundkenntnisse der Strukturierten Daten. Und das ist etwas, was jeder in einer angemessenen Zeit lernen kann. Es gibt dazu viele Kurse, so zum Beispiel meinen Kurs ?ber Strukturierte Daten (de) oder mein kostenloses Structured Data Training (en). Dadurch k?nnen Sie Ihre Website bzw. Ihren WooCommerce Shop sowie die dazugeh?rigen Suchergebnisse zuk?nftig noch besser optimieren!