Es gibt wieder neue strukturierte Auszeichnungen – juhu! Darüber muss ich natürlich berichten.
Und zwar können wir jetzt endlich Produktvarianten auszeichnen. Also genau genommen konnten wir das auch schon vorher und wir nutzen die Attribute "hasVariant", "isVariantOf", "isRelatedTo", etc. auch schon länger. Aber jetzt kam auch von Google endlich die Bestätigung, dass es verstanden wird und es sogar ein Rich Result dazu gibt. Nora und ich lieben ja "sexy snippets" und funkelnde Sternchen 😉
Das Ganze unterteilt sich auf zwei verschiedene Optionen.
Option 1 - Alle Varianten auf einer URL
Alle Varianten sind auf einer URL erreichbar, Stichwort "single-page website". Hier handelt es sich um eine URL, die nicht neu lädt, wenn eine Variante ausgewählt wird. Preis, Maße oder andere Unterscheidungsmerkmale werden angepasst.
In dem Beispiel der Google Dokumentation ist das Hauptprodukt auf der URL https://www.example.com/coat zu erreichen, die ausgewählten Farben und Größen hängen lediglich Parameter an die URL an:
-
https://www.example.com/coat?size=small&color=green
-
https://www.example.com/coat?size=small&color=lightblue
-
https://www.example.com/coat?size=large&color=lightblue
Auf diesen Seiten kann nun das ProductGroup Markup ergänzt werden, welches per hasVariant die einzelnen Variantenprodukte referenziert.
<script type=\"application/ld+json\">
[
{
\"@context\": \"https://schema.org/\",
\"@type\": \"ProductGroup\",
\"name\": \"Beispielname\",
\"description\": \".....\",
\"url\": \"https://www.example.com/Beispiel\",
\"brand\": {
\"@type\": \"Brand\",
\"name\": \"Good brand\"
},\\
\"productGroupID\": \"44E01\",
\"hasVariant\": [
{
\"@type\": \"Product\",
..... }
Alle gleichbleibenden Attribute, wie beispielsweise die Marke, werden bei der ProductGroup angegeben. Diese erhält auch eine entsprechende ID.
Die unterschiedlichen Attribute, beispielsweise Maße, Farbe, Material oder Muster, werden bei den einzelnen Produkten angegeben. Bestandteil des Markups der ProductGroup ist entsprechend die Angabe, in welchen Aspekten sich die Varianten unterscheiden:
\"variesBy\": [
\"https://schema.org/size\",
\"https://schema.org/color\"
],
Option 2: Varianten auf unterschiedlichen URLs
Wenn Du Varianten eines Produkts auf unterschiedlichen URLs hast, dann kannst Du ähnlich vorgehen. Die Varianten der verwandten Gruppe werden dann ebenfalls im Markup referenziert, jedoch nur per url-Attribut, nicht mit dem kompletten Product Markup.
An einem Beispiel wird dies deutlich
Ich habe in meinem Shop zwei Handtaschen, die Varianten voneinander sind.
Es gibt die Tasche A in gelb in 3 verschiedenen Größen auf der URL1, /tasche-gelb.
Hier ergänze ich das ProductGroup Markup wie oben beschrieben und liste die verschiedenen Größen als Product innerhalb der hasVariant-Liste auf.
Die Tasche gibt es nicht nur in gelb, sondern auch in pink. Auch diese ist in den verschiedenen Größen verfügbar. Die Tasche liegt auf einer anderen URL: /tasche-pink.
Diese referenziere ich ebenfalls innerhalb der hasVariant-Liste der URL1 /tasche-gelb, jedoch nur per Angabe der URL, ohne Product-Markup:\"url\":\".../tasche-pink\". Auf der URL der pinken Tasche gehe ich genauso vor und liste die Varianten der gelben Tasche lediglich als URL auf. Die pinken Varianten werden als Product innerhalb der hasVariant-Liste angegeben.
Bisher habe ich noch keine Visualisierungen des Rich Results gesehen, auch in der Doku von Google sind keine ergänzt. Wir halten die Augen offen. Aber selbst ohne Rich Result ist es immer sinnvoll, optimierte structured data Markups zu nutzen und so sicherzustellen, dass Google Deine Inhalte versteht.