Mit der HTML5-Mikrodatenspezifikation ist es möglich, Inhalte zu kennzeichnen, um einen bestimmten Informationstyp zu beschreiben, beispielsweise Beurteilungen, Informationen zu Personen oder Veranstaltungen. Mit jedem Informationstyp wird ein bestimmter Elementtyp beschrieben, beispielsweise eine Person, ein Ereignis oder eine Beurteilung. Beispielsweise kann ein Ereignis Eigenschaften für den Veranstaltungsort, den Beginn, den Namen und die Kategorie aufweisen.
Mikrodaten verwenden einfache Attribute in HTML-Tags, oft <span> oder <div>, um Elementen und Eigenschaften kurze, beschreibende Namen zuzuweisen. Es folgt ein Beispiel eines kurzen HTML-Blocks, in dem grundlegende Kontaktdaten für Michael Mayer stehen.
<div> Mein Name ist Michael Mayer, aber die meisten Leute nennen mich Mike. Hier ist meine Website: <a href="http://www.example.com">www.example.com</a> Ich lebe in München in Bayern und arbeite als Ingenieur bei der Firma MÜLLER-LÜDENSCHEID. </div>
Im Folgenden noch einmal der gleiche HTML-Code mit Mikrodaten-Markup:
<div itemscope itemtype="http://data-vocabulary.org/Person"> Mein Name ist <span itemprop="name">Michael Mayer</span> aber die meisten Leute nennen mich <span itemprop="nickname">Michi</span>. Hier ist meine Website: <a href="http://www.example.com" itemprop="url">www.example.com</a> Ich lebe in München in Bayern und arbeite als <span itemprop="title">Ingenieur</span> bei der Firma <span itemprop="affiliation">MÜLLER-LÜDENSCHEID</span>. </div>
Erklärung:
- In der ersten Zeile gibt
itemscopean, dass es sich bei dem Inhalt zwischen den<div>-Tags um ein Element handelt.itemtype="http://data-vocabulary.org/Persongibt an, dass das Element eine Person ist. - Jede Eigenschaft der Person wird mithilfe des
itemprop-Attributs angegeben. Beispielsweise wird mititemprop="name"der Name der Person beschrieben.
Geschachtelte Entitäten
Im oberen Beispiel werden Kontaktinformationen zu Michael Mayer angegeben, seine Adresse ist jedoch nicht enthalten. Das folgende Beispiel zeigt den gleichen HTML-Code, in diesem Fall jedoch mit der Eigenschaft address.
<div itemscope itemtype="http://data-vocabulary.org/Person">
Mein Name ist <span itemprop="name">Michael Mayer</span>,
aber die meisten Leute nennen mich <span itemprop="nickname">Mike</span>.
Hier ist meine Website:
<a href="http://www.example.com" itemprop="url">www.example.com</a>.
Ich lebe in
<span itemprop="address" itemscope
itemtype="http://data-vocabulary.org/Address">
<span itemprop="locality">München</span> in
<span itemprop="region">Bayern</span>
</span>
und arbeite als <span itemprop="title">Ingenieur</span>
bei der Firma <span itemprop="affiliation">MÜLLER-LÜDENSCHEID</span>.
</div>
Erklärung:
- Die
address-Eigenschaft ist selbst ein Element, das eigene Eigenschaften enthält. Dies wird angegeben, indem dasitemscope-Attribut für das Element eingesetzt wird, mit dem dieaddress-Eigenschaft deklariert wird, und indem dasitemtype-Attribut folgendermaßen zum Angeben des zu beschreibenden Elementtyps verwendet wird:<span itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address">.
Weitere Beispiele finden Sie in Geschachtelte Entitäten.
Datum und Uhrzeit
Verwenden Sie das Element time mit dem Attribut datetime, um Datumsangaben und Zeitpunkte eindeutig vorzugeben. Hier wird mit der startDate-Eigenschaft das Startdatum einer Veranstaltung angegeben. Der Wert im datetime-Attribut wird gemäß dem ISO-Datumsformat spezifiziert. Mit diesem Format können Sie detaillierte Angaben zu Datum, Uhrzeit und, optional, Zeitzone für Suchmaschinen im ISO-Format machen: "2009-10-15T19:00-08:00". Dabei können Sie das Datum auf Ihrer Seite dennoch benutzerfreundlich anzeigen lassen: "15. Oktober 2009, 19:00 Uhr".
<time itemprop="startDate" datetime="2009-10-15T19:00-08:00">15. Oktober 2009, 19:00 Uhr</time>
Nicht sichtbare Inhalte
In der Regel zeigt Google Inhalte, die für Nutzer nicht sichtbar sind, nicht an. Das heißt: Stellen Sie die Inhalte für Nutzer nicht auf eine Weise dar, und verwenden Sie verborgenen Text, um Informationen separat für Suchmaschinen und Webanwendungen auszuzeichnen. Sie sollten den Text auszeichnen, der tatsächlich für die Nutzer angezeigt wird, wenn sie Ihre Webseiten besuchen.
Für diese Richtlinie gibt es einige Ausnahmen. Manchmal kann es sich als nützlich erweisen, Suchmaschinen genauere Informationen zur Verfügung zu stellen, selbst wenn diese Informationen dem Betrachter Ihrer Webseite verborgen bleiben sollen. Beispiel: Wenn ein Restaurant die Bewertung 8,5 aufweist, gehen Nutzer im Gegensatz zu Suchmaschinen davon aus, dass die Bewertung auf einer Skala von 1–10 basiert. In diesem Fall können Sie dies wie folgt mithilfe des meta-Elements angeben:
<div itemprop="rating" itemscope itemtype="http://data-vocabulary.org/Rating">
Bewertung: <span itemprop="value">8,5</span>
<meta itemprop="best" content="10" />
</div>
Erklärung:
- Mit dem
meta-Tag werden zusätzliche Informationen angegeben, die auf der Seite nicht sichtbar sind – in diesem Fall, dass 10 die bestmögliche Bewertung ist. Der Wert der Eigenschaft wird mit demcontent-Attribut angegeben.
Entsprechend können Sie durch die Angabe der Dauer einer Veranstaltung im entsprechenden ISO-Format gewährleisten, dass die Dauer in den Suchergebnissen richtig angezeigt wird:
Dauer: <span>1 Stunde, 30 Minuten<meta itemprop="duration" content="PT1H30M" /> </span>
Erklärung:
- Geben Sie mit dem
meta-Tag den Wert der Eigenschaft an, in diesem Fall die Dauer. Damit können Sie den Wert des Attributscontent("PT1H30M") zur Angabe der Dauer im ISO-8601-Format verwenden, während Sie sie auf der Seite selbst auch weiterhin in einem benutzerfreundlichen Format präsentieren können: "1 Stunde, 30 Minuten". - Google nutzt das übergeordnete Element des
meta-Elements, um festzustellen, welche Informationen immeta-Tag zur alternativen Darstellung genutzt werden. Demnach sollte in diesem Fall gewährleistet sein, dass der unmittelbar übergeordnete Knoten desmeta-Tags den Text "1 Stunde, 30 Minuten" mit einschließt.
Nähere Informationen zum genauen Vokabular sowie Beispiele finden Sie hier:
- Bewertungen
- Personen
- Produkte
- Unternehmen und Organisationen
- Rezepte
- Veranstaltungen
- Video – Beachten Sie, dass Video-Markup derzeit nur zur Verbesserung von Video-Suchergebnissen verwendet wird, obwohl Google Video-Markup unterstützt.
Überprüfen Sie Ihr Markup mit dem Test-Tool für strukturierte Daten.
