Terminplanauszeichnung für Webshops

Geschrieben von Bob van Biezen am 21. April 2016

Viele Mitglieder von eMany werden mit den gelben Sternen in Google vertraut sein, über die bereits in diesem Blog berichtet wurde. Bilder von Videos und der Preis oder der Lagerbestand eines Produkts sind ebenfalls Beispiele für zusätzliche Zusätze, die in den Suchergebnissen angezeigt werden. Um von diesen so genannten "Rich Snippets" zu profitieren, müssen Sie den Suchmaschinen unter die Arme greifen. Dazu fügen Sie Ihrer Website zusätzliche Codes (structured data mark-up) hinzu. Dadurch können die Suchmaschinen nicht nur lesen, was geschrieben wird, sondern auch verstehen, was gemeint ist.

Ein Beispiel für Rich Snippets

Rich Snippets sind die zusätzlichen Ergänzungen , die Google in den Suchergebnissen anzeigt. Diese können für eine höhere CTR (Click-Through-Rate) und damit für mehr Besucher in Ihrem Webshop sorgen.

Voorbeeld van Schema markup in de zoekresultaten

Beispiel für Schema-Markup in den Suchergebnissen

Rich Snippets gibt es bei Google seit dem 12. Mai 2009.

Was sind strukturierte Daten?

Strukturierte Daten ist der Sammelbegriff für Name-Wert-Daten, die Sie als zusätzlichen Code zu Ihrer Website hinzufügen. Zusammen mit dem Inhalt Ihrer Website helfen sie den Suchmaschinen, Informationen zu identifizieren, zu klassifizieren und zu indizieren. Es gibt verschiedene Methoden, um den Inhalt für Suchmaschinen zu verdeutlichen. Die HTML5-Spezifikation für strukturierte Daten heißt zum Beispiel " Microdata", andere bekannte strukturierte Datenformate sind RDFa und JSON-LD . Es ist ratsam, nicht dieselben strukturierten Daten in verschiedenen Formaten zu verwenden, da dies bei Suchmaschinen zu Verwirrung führen kann.

Ein Beispiel für strukturierte Daten

Stellen Sie sich vor, Sie verkaufen Staubsauger in Ihrem Webshop. Nun haben Sie eine Seite über einen bestimmten Staubsauger mit dem Namen, dem Preis, einem Bild, einer kurzen Beschreibung und einigen Produktmerkmalen. Ihr HTML-Code sieht dann etwa so aus:

<div> <h1>Philips FC8477 PowerPro Compact</h1> <div>Jetzt für 1.150,99 €</div> <img src="/images/-FC8477-powerpro-compact.jpg" /> <div>Der Philips FC8477 PowerPro Compact ist ein preiswerter beutelloser Staubsauger mit einer Leistung von 750 Watt. Dieser Staubsauger ist besonders für niedrigflorige Teppiche geeignet.</div> <div>Marke: Philips</div> <div>Farbe: Schwarz</div> </div> </div> </div>

Wenn Sie hier Mikrodaten hinzufügen, sieht der Quellcode wie folgt aus:

<div itemscope itemtype="https://schema.org/Product" > < h1 itemprop="name ">Philips FC8477 PowerPro Compact</h1> <div itemprop="offers" itemscope itemtype="https://schema.org/Offer" > Jetzt für <span itemprop="priceCurrency" content="EUR ">€</span> <span itemprop="price" content="1150.99 ">1.150,99</span> </div> <img itemprop="image " src="/images/-FC8477-powerpro-compact.jpg" /> <div itemprop="description ">Der Philips FC8477 PowerPro Compact ist ein sparsamer beutelloser Staubsauger mit einer Leistung von 750 Watt. Dieser Staubsauger ist besonders für niedrigflorige Teppiche geeignet.</div> <div>Marke: <span itemprop="brand ">Philips</span></div> <div>Farbe: <span itemprop="color ">Schwarz</span></div> </div>

Wenn Sie sich die zusätzlichen Codes (grün hervorgehoben) ansehen, sehen Sie oben item type="schema.org/Product " und später item type="schema.org/Offer ". Das bedeutet, dass es auf dieser Seite um einen Staubsauger geht, der zu einem bestimmten Preis verkauft werden kann. Auf diese Weise werden in diesem Beispiel Name, Preis, Währung, Produktbild, Beschreibung, Marke und Farbe des Staubsaugers deutlich.

Was ist mit Schema-Markup?

Schema.org ist der wichtigste Standard für die strukturierte Datenauszeichnung. Er geht auf eine Zusammenarbeit zwischen Google, Bing und Yahoo aus dem Jahr 2011 zurück. Inzwischen unterstützt auch das russische Unternehmen Yandex schema.org. Sie können sich schema.org als eine große Bibliothek mit allen möglichen Erläuterungen vorstellen, die Sie einer Website hinzufügen können. Schema-Markup ist mit allen gängigen strukturierten Datenformaten (Microdata, RDFa, JSON-LD) umsetzbar. Es gibt verschiedene "Schemas" mit jeweils eigenem Zweck. So gibt es beispielsweise Schemata für Produkte , Personen , Unternehmen , Bewertungen , Ereignisse usw. Einige dieser Schemata können noch spezifischer definiert werden. Wenn Sie zum Beispiel ein Schuhgeschäft haben, können Sie es als Lokales Geschäft , aber auch als Geschäft oder sogar als ShoeStore bezeichnen. Es ist wichtig, dass Sie ein Schema so spezifisch wie möglich definieren, damit die Suchmaschinen besser verstehen können, wovon Sie sprechen. Prüfen Sie daher immer die vollständige Liste der Schemata, wenn Sie Ihrer Website Schema Mark-up hinzufügen.

Die Vorteile von Schema Mark-up

Als Online-Shop möchten Sie natürlich wissen, was Ihnen die Implementierung von Schema Mark-up bringt. Es gibt drei SEO-Vorteile, die sich aus der Implementierung ergeben:

Sie erhöhen die Wahrscheinlichkeit, dass Rich Snippets für Ihre Website angezeigt werden, erheblich. Dies kann zu höheren CTRs und damit zu mehr Besuchern auf Ihrer Website führen. In einer Fallstudie von Independer.nl aus dem Jahr 2011 wurden durch die Anzeige von Bewertungs-Snippets in den Suchergebnissen 28 % höhere CTRs gemessen.
Suchmaschinen verstehen den Inhalt Ihrer Website besser und können zwischen Seiten unterscheiden, deren Themen sich überschneiden. In einer Fallstudie aus dem Jahr 2015 führte dies sogar zu einer Erholung des Suchverkehrs auf einer Website, die aufgrund der Einführung einiger Panda-Updates herabgestuft worden war.
Da Suchmaschinen Ihre Inhalte besser verstehen, kann Ihre Website bei Suchanfragen angezeigt werden, mit denen Sie zuvor nicht in Verbindung gebracht wurden.

Die Verwendung von Schema-Markup ist die beste Praxis für die Darstellung von Inhalten für Suchmaschinen. Auch wenn es von Google nicht als Ranking-Faktor verwendet wird, können Sie auf jeden Fall davon profitieren.

Relevantes Schema-Markup für den elektronischen Handel

Für E-Commerce-Websites gibt es enorm viele Möglichkeiten, mit Schema-Markup zu kennzeichnen. Im Folgenden sind die wichtigsten Möglichkeiten aufgeführt. Obwohl diese Liste recht umfassend ist, kann es durchaus sein, dass es für Ihre spezielle Branche noch weitere Auszeichnungsmöglichkeiten gibt.

Grundlegendes Schema-Markup für Produkte

Der Name
Die Marke
Die Produktkategorie
Das Modell
Die Farbe(n)
Die Höhe , Breite , Tiefe und das Gewicht
Die Garantiezeit und der Inhalt der Garantiezusage
Produktbild (kann umfangreicher sein, siehe hier )
den Preis
Währung, in der der Preis angezeigt wird
Ob auf Lager oder nicht auf Lager und der Lagerstatus in Zahlen
Die Seriennummer
Die SKU , EAN (GTIN) und/oder der Artikelcode

Optionaler Terminaufschlag für Produkte

Aufwertung der Rezension

Der Bewertungsaufschlag hilft dabei, gelbe Sterne in Google zu erhalten.

Wenn Sie ein Bewertungssystem verwenden, das keine 5-Punkte-Skala verwendet, geben Sie auch die niedrigste und die höchste mögliche Bewertung an.

Formatierung einzelner Bewertungen

Schema für die Kennzeichnung der Organisation

Dieses Schema wird im Allgemeinen nur auf der Kontaktseite und/oder in der Fußzeile eingefügt. Obwohl es auch für lokale Unternehmen verwendet wird (Schema local business), schadet es nie, es hinzuzufügen.

Zusätzlich zu den oben erwähnten Möglichkeiten gibt es eine Reihe von Situationen, in denen zusätzliches Markup interessant sein kann. Blog - dies ist interessant, wenn Sie einen lebendigen Blog in Ihrem Webshop haben, in dem eine tatsächliche Interaktion mit Ihrem Zielpublikum stattfindet und/oder mehrere Personen daran schreiben. Medizinische Produkte - wenn Sie medizinische Produkte oder Informationen anbieten, sind zusätzliche Formatierungen möglich. Spiele , Filme oder Musik - Innerhalb dieser Kategorien sind viele zusätzliche Formatierungen möglich. Bücher oder Hörbücher - Zusätzliche Formatierung ist auch für Produkte verfügbar, die in mehreren Sprachen erhältlich sind. Wie Sie gesehen haben, gibt es eine große Anzahl von Möglichkeiten mit Schema-Markup. Wenn Sie mit der Implementierung beginnen, ist es ratsam, zunächst zu bestimmen, welche Daten auf Ihrer Website am wichtigsten sind. Auf diese Weise vermeiden Sie, dass Sie Zeit, Geld oder Energie für die Implementierung unnötiger Markups aufwenden.

Hinzufügen von Schema-Markup

Es gibt zwei Möglichkeiten, strukturierte Daten zu Ihrer Website hinzuzufügen. Entweder Sie fügen Schema-Markup in den Code Ihrer Website ein oder Sie verwenden den Google Data Highlighter .

Implementierung auf Ihrer Website

Als Webshop sind Sie oft auf einen externen Programmierer angewiesen, um strukturierte Daten direkt in den Code Ihrer Website einzufügen. Im Gegensatz zu vielen anderen Funktionen gibt es dafür oft keine Plugins oder extra Module. Es gibt jedoch Tools, die bei der Erstellung des Codes helfen können. In der Praxis muss das zusätzliche Layout jedoch von jemandem, der sich mit der Programmierung in Ihrem Shopsystem auskennt, in die bestehende Software eingefügt werden.

Verschiedene Implementierungsmethoden

Wie bereits erwähnt, kann Schema-Markup in drei strukturierten Datenformaten implementiert werden. Dies sind Microformats, RDFa und JSON-LD. Google bevorzugt JSON-LD . Die Wahl des Formats hängt jedoch meist von Ihrem CMS-System oder den Vorlieben Ihres Programmierers ab. Die technisch einfachste Methode sollte hier führend sein.

Praktische Beispiele

Wir haben viele der in diesem Artikel besprochenen Schemaauszeichnungen im Webshop premium-hookahs.com umgesetzt. Die Quelltexte vor allem der Produktseiten sind ein gutes Beispiel. Hier liegt der Schwerpunkt auf dem Markup rund um das Produkt und dem Markup rund um die Bewertungen. Auch unsere eigene Website kann als Beispiel herangezogen werden. Hier kann man sehen, wie viele Dinge bezüglich der Organisation mit Mikrodaten (man beachte das itemprop-Element ) umgesetzt werden. Besonders der Quellcode der Kontaktseite zeigt dies gut. Darüber hinaus können Sie sehen, dass "SameAs" in der Fußzeile auch verwendet wurde, um anzuzeigen, welche Seiten sich alle um dasselbe Objekt drehen. Das kann also entweder intern auf der eigenen Website oder extern auf z.B. Wikipedia sein.

Umsetzung über Google Search Console

Google bietet eine Alternative zur (schwierigen) technischen Implementierung von strukturierten Daten auf Ihrer Website. Dies geschieht über den Data Highlighter, der in der Google Search Console unter der Rubrik "Search Formatting" -> "Highlight Data" zu finden ist. Mit diesem Tool können Sie Abschnitte auf Ihrer Website mit der entsprechenden Formatierung direkt in einer visuellen Schnittstelle hervorheben. Google ist in der Lage, dabei auch Muster zu erkennen, so dass diese Methode auch auf größere Webshops angewendet werden kann. Obwohl dies eine großartige Alternative ist, gibt es einige Einschränkungen, die oft einen Programmierer für die vollständige Implementierung erfordern. Die Grenzen des Data Highlighter

Der Data Highlighter ist ein Google-Tool. Andere Suchmaschinen können diese Daten nicht verwenden.
Der Data Highlighter ist in seiner Funktionalität eingeschränkt. Daher können nur etwa 50% der in diesem Blog besprochenen Formatierungen angewendet werden.
Wenn Produktinformationen hinter Tabs versteckt sind, können diese Informationen nicht mit dem Data Highlighter formatiert werden.
Wenn sich die HTML-Struktur Ihrer Website ändert, müssen Sie den Data Highlighter möglicherweise zurücksetzen.

Testen der strukturierten Daten

Um zu überprüfen, ob die Implementierung auf Ihrer Website erfolgreich war, können Sie das Google-Tool zum Testen strukturierter Daten verwenden. Hier können Sie pro URL prüfen, welche strukturierten Daten vom Google-Bot erkannt werden und welche nicht. Sie können dieses Tool auch nutzen, um Beispiele für das Layout zu generieren. Schließlich können Sie über die Search Console den aktuellen Zustand Ihrer Website beurteilen und eventuelle Fehler in Ihrem Markup identifizieren. Sie finden dieses Dashboard unter der Überschrift "Search Formatting" -> "Structured Formatting". Wenn Sie noch kein Schema Markup auf Ihrer Website haben, finden Sie hier die Meldung "We did not detect any structured data on your site" oder "We do not detect any structured data on your site". Ich bin gespannt, welches Schema Markup Sie bereits in Ihrem Webshop haben und welche Erfahrungen Sie damit gemacht haben. Wenn Sie Fragen oder Anmerkungen haben, würde ich mich freuen, sie in den Kommentaren zu hören!