Verwendung von Microdata in HTML

Microdata ist Teil des WHATWG HTML-Standards und wird verwendet, um Metadaten in vorhandenen Inhalten auf Webseiten einzubetten. Suchmaschinen und Webcrawler können Microdata aus einer Webseite extrahieren und verarbeiten, um den Nutzern eine reichhaltigere Browser-Erfahrung zu bieten. Suchmaschinen profitieren sehr von dem direkten Zugriff auf diese strukturierten Daten, da sie es den Suchmaschinen ermöglichen, die Informationen auf Webseiten zu verstehen und relevantere Ergebnisse für die Benutzer bereitzustellen. Microdata verwendet ein unterstützendes Vokabular, um ein Element zu beschreiben, und Wert-Paare, um seinen Eigenschaften Werte zuzuordnen. Microdata ist ein Versuch, eine deklarative Methode zur Annotation von HTML-Elementen mit maschinenlesbaren Tags bereitzustellen, die über die ähnlichen Ansätze von RDFa und klassischen Mikroformaten hinausgeht.

Auf einer hohen Ebene besteht Microdata aus einer Gruppe von Namen-Wert-Paaren. Die Gruppen werden Items genannt, und jedes Namen-Wert-Paar ist eine Eigenschaft. Items und Eigenschaften werden durch reguläre Elemente repräsentiert.

  • Um ein Item zu erstellen, wird das Attribut itemscope verwendet.
  • Um einem Item eine Eigenschaft hinzuzufügen, wird das Attribut itemprop auf einem der Nachfahren des Items verwendet.

Vokabulare

Google und andere große Suchmaschinen unterstützen das Schema.org Vokabular für strukturierte Daten. Dieses Vokabular definiert eine Standardmenge von Typnamen und Eigenschaftsnamen, beispielsweise kennzeichnet Schema.org Music Event eine Konzertaufführung, mit startDate und location Eigenschaften, um die wichtigsten Details des Konzerts anzugeben. In diesem Fall wäre Schema.org Music Event die URL, die von itemtype verwendet wird, und startDate und location wären itemprops, die Schema.org Music Event definiert.

Hinweis: Mehr über itemtype-Attribute finden Sie unter https://schema.org/Thing.

Microdata-Vokabulare liefern die Semantik oder Bedeutung eines Item. Webentwickler können ein benutzerdefiniertes Vokabular entwerfen oder Vokabulare verwenden, die im Web verfügbar sind, wie das weit verbreitete Schema.org Vokabular. Eine Sammlung von häufig verwendeten Markup-Vokabularen wird von Schema.org bereitgestellt.

Häufig verwendete Vokabulare:

Große Suchmaschinenbetreiber wie Google, Microsoft und Yahoo! verlassen sich auf das Schema.org Vokabular, um Suchergebnisse zu verbessern. Für einige Zwecke ist ein ad hoc Vokabular ausreichend. Für andere muss ein Vokabular entworfen werden. Wo möglich, werden Autoren ermutigt, bestehende Vokabulare wiederzuverwenden, da dies die Wiederverwendung von Inhalten erleichtert.

Lokalisierung

In einigen Fällen können Suchmaschinen, die bestimmte Regionen abdecken, lokal spezifische Erweiterungen von Microdata bereitstellen. Zum Beispiel unterstützt Yandex, eine große Suchmaschine in Russland, Mikroformate wie hCard (Firmenkontaktinformationen), hRecipe (Lebensmittelrezept), hReview (Marktbewertungen) und hProduct (Produktdaten) und bietet ein eigenes Format zur Definition von Begriffen und enzyklopädischen Artikeln. Diese Erweiterung wurde vorgenommen, um Transliterationsprobleme zwischen den kyrillischen und lateinischen Alphabeten zu lösen. Durch die Implementierung zusätzlicher Markierungsparameter des Schema-Vokabulars wurde die Indexierung von Informationen auf russischsprachigen Webseiten wesentlich erfolgreicher.

Globale Attribute

itemid – Der eindeutige, globale Bezeichner eines Items.

itemprop – Wird verwendet, um Eigenschaften zu einem Item hinzuzufügen. Jedes HTML-Element kann ein itemprop-Attribut haben, das aus einem Namen-Wert-Paar besteht.

itemref – Eigenschaften, die keine Nachkommen eines Elements mit dem Attribut itemscope sind, können mit dem Item verknüpft werden, indem ein itemref verwendet wird. itemref bietet eine Liste von Element-IDs (nicht itemids) mit zusätzlichen Eigenschaften, die sich an anderer Stelle im Dokument befinden.

itemscope – Das Attribut itemscope arbeitet (meistens) zusammen mit itemtype, um anzugeben, dass das in einem Block enthaltene HTML sich auf ein bestimmtes Item bezieht. Das Attribut itemscope erstellt das Item und definiert den Gültigkeitsbereich des damit verbundenen itemtype. Das Attribut itemtype ist eine gültige URL eines Vokabulars (wie schema.org), das das Item und seinen Kontext beschreibt.

itemtype – Gibt die URL des Vokabulars an, das verwendet wird, um itemprops (Element-Eigenschaften) in der Datenstruktur zu definieren. Das Attribut itemscope wird verwendet, um den Gültigkeitsbereich festzulegen, in dem das von itemtype festgelegte Vokabular in der Datenstruktur aktiv sein wird.

Beispiel

HTML

html
<div itemscope itemtype="https://schema.org/SoftwareApplication">
  <span itemprop="name">Angry Birds</span> - REQUIRES
  <span itemprop="operatingSystem">ANDROID</span><br />
  <link
    itemprop="applicationCategory"
    href="https://schema.org/SoftwareApplication" />

  <div
    itemprop="aggregateRating"
    itemscope
    itemtype="https://schema.org/AggregateRating">
    RATING:
    <span itemprop="ratingValue">4.6</span> (
    <span itemprop="ratingCount">8864</span> ratings )
  </div>

  <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
    Price: $<span itemprop="price">1.00</span>
    <meta itemprop="priceCurrency" content="USD" />
  </div>
</div>

Strukturierte Daten

itemscope itemtype SoftwareApplication (https://schema.org/SoftwareApplication)
itemprop name Angry Birds
itemprop operatingSystem ANDROID
itemprop applicationCategory SoftwareApplication (https://schema.org/SoftwareApplication)
itemscope itemprop[itemtype] aggregateRating [AggregateRating]
itemprop ratingValue 4.6
itemprop ratingCount 8864
itemscope itemprop[itemtype] offers [Offer]
itemprop price 1.00
itemprop priceCurrency USD

Ergebnis

Hinweis: Ein praktisches Tool zur Extraktion von Microdata-Strukturen aus HTML ist Googles Structured Data Testing Tool. Probieren Sie es mit dem oben gezeigten HTML aus.

Siehe auch