Strukturierte Daten: Helfen Sie Suchmaschinen Ihre Website zu verstehen

Was sind strukturierte Daten und was haben Sie davon?
Mit strukturierten Daten können Sie dem üblichen HTML-Code einer Seite zusätzliche Informationen mitgeben, der den großen Suchmaschinen (Google, Microsoft, Yahoo und Yandex) hilft, den Inhalt Ihrer Webseite zu verstehen.

Was bringt das genau?

Der normale HTML-Code einer Webseite teilt dem Browser des Users mit, wie die im Tag enthaltene Information angezeigt werden soll. <h1>Rumpudding</h1> sagt dem Browser, den Textstring Rumpudding in einer Überschrift im H1 Format anzuzeigen. Allerdings teilt der HTML-Code nicht mit, um welche Information es sich bei “Rumpudding” handelt. Es könnte eine leckere Nachspeise sein, ein berühmter Song, eine Stadt oder einfach nur ein Nickname eines Kommentators auf der Webseite. Womit wir (Menschen) beim Betrachten einer Webseite in der Regel keine Probleme haben, stellt die großen Suchmaschinen bei der Auswertung der Daten und der Darbietung des relevantesten Suchergebnisses vor ein Problem. Mit Markup, also das Auszeichnen Ihrer Seiteninformationen mithilfe von strukturierten Daten, teilen Sie den Suchmaschinen genau mit:

  • Hierbei handelt es sich um den Namen eines Gerichtes.
  • Insgesamt handelt diese Webseite von einem Rezept.

 Zusätzlich kann die so aufgewertete Seite Rich Snippet in den SERPs liefern:

Rich Snippets in Googles SERPs dank strukturierter Daten

Obwohl das erste Ergebnis auf Platz 1 bei Google steht, wird der Blick automatisch auf das größere und buntere Suchergebnis auf Platz 2 gelenkt. Wollen Sie so eine Chance für Ihre Webseite missen?

Welche Zusatzinfos finden sich hier?

  • Beide Ergbnisse enthalten standardmäßig Title und Description. Diese werden ganz normal im HTML-Code der Webseite festgelegt.
  • Zusätzlich enthalten beide Ergebnisse anstelle der vollständigen Darstellung der URL (in grün) die übersichtlichere Breadcrumb-Darstellung.
  • Bonus für Nummer 2: Die gelben Sterne, die Anzahl der Rezensionen, die Kaloriensumme (in kcal pro 100 gr steht hier leider nicht) und ein Bild(!).

Wie geht das mit dem Markup jetzt genau?

Der HTML-Code einer Webseite wird einfach durch diese fehlenden Informationen (Markpup) erweitert. Die Codierung kann in unterschiedlicher Formaten erfolgen. Genutzt werden hierfür HTML Microdata, RDFa oder das JSON-LD-Format. Ein einheitliches Vokabular, welches von den großen Suchmaschinen verstanden wird, liefert das Projekt Schema.org.

Google bezeichnet das JSON-LD-Format (JavaScript Object Notation for Linked Data) als das einfachste Format, verstanden werden von Google jedoch alle Formate. Einige CMS wie WordPress bieten Plugins, mit denen das Markup ganz ohne aufwendige Programmierung vorgenommen werden kann. Im folgenden Beispiel des Rumpuddings wurden Microdata genutzt (die einfachste und am häufigsten verwendete Form).

Mögliche Eigenschaften strukturierter Daten

Bevor man einem Wert eine Eigenschaft zuweisen kann, muss man zuerst festlegen, um welchen Objekttyp es sich handelt. Hier gibt es beispielsweise

  • Künstlerische Werke: Bücher, Filme, TV-Serien, Songs, Rezepte…
  • Eingebettete Objekte ohne Text: Bilder, Audiodateien, Videodateien
  • Ereignisse, Events
  • Organisationen, Unternehmen
  • Personen
  • Orte, Lokale Geschäfte, Restaurants…
  • Produkte, Angebote, Gebote
  • Rezensionen, Bewertungen
  • u.v.m.

Eine komplette Liste ist unter http://schema.org/docs/full.html zu finden.

Nachdem der Objekttyp definiert wurde, folgt das Auszeichnen einzelner Eigenschaften. Welche Eigenschaften ein Objekt haben kann, kann man direkt in der URL nachlesen, die auch als Objekttyp verwendet wurde.

HTML Code für Rezept mit strukturierten Daten

  1. Zu Beginn wird der Objekttyp festgelegt (Zeile 419).
  2. Es folgen die Eigenschaften Name (Zeile 428) und Bild/Image (Zeile 430).

Die Auszeichnungen können direkt in den HTML-Elementen <div>, <h1>, <img> usw. gemacht werden. Ist keine eigene Auszeichnung für ein Element vorhanden, kann das Markup in <span> untergebracht werden. Gelegentlich gelten weitere Vorgaben für Eigenschaften, beispielsweise eine ISO 8601 konforme Angabe von Zeitspannen. Diese Informationen finden sich ebenfalls auf der Webseite des Objekttyps, beispielsweise für Rezepte: http://schema.org/Recipe.

Die Darstellung der Webseite bleibt vom Markup unberührt. Die Sterne-Bewertung erscheint für den Otto Normalverbraucher so:

Website Bewertung mit Sternen

Der Programmcode verrät aber auch hier strukturierte Daten:

Strukturierte Daten für Star Rating

Strukturierte Daten auf der eigenen Website prüfen

Haben Sie die Auszeichnung Ihrer Webseite mit strukturierten Daten abgeschlossen, sollten Sie diese zur Sicherheit mit einem Test-Tool von Google überprüfen: https://search.google.com/structured-data/testing-tool/u/0/

Sie erhalten in diesem Tool zwar eine Vorschau, wie Ihr Rich Snippet in der Suchergebnis-Liste aussehen könnte. Dass dieses so erscheint, ist jedoch nicht garantiert. Google verwendet die Daten nach eigenem Ermessen und entwickelt seine Suchfunktion ständig weiter.

So wird im aktuellen Beispiel zwar die Karlorienmenge im Snippet ausgegeben, im Quellcode werden jedoch auch weitere Nährwertangaben ausgezeichnet:

Nährwertangaben auf der Webseite

Nährwertangaben mit Markup

 Strukturierte Daten bieten sich für viele verschiedene Online-Angebote an. Schnuppern Sie rein und probieren Sie es aus!