Microdata
Microdata ist Teil des WHATWG HTML-Standards und wird verwendet, um Metadaten innerhalb des vorhandenen Inhalts auf Webseiten einzubetten. Suchmaschinen und Webcrawler können Microdata von einer Webseite extrahieren und verarbeiten und diese nutzen, um den Benutzern ein reichhaltigeres Surferlebnis zu bieten. Suchmaschinen profitieren erheblich von direktem Zugriff auf diese strukturierten Daten, da sie dadurch die Informationen auf Webseiten besser verstehen und relevantere Ergebnisse für Benutzer bereitstellen können. Microdata verwendet ein unterstützendes Vokabular zur Beschreibung eines Elements und Paaren von Bezeichnungen und Werten, um seinen Eigenschaften Werte zuzuweisen. Microdata ist ein Versuch, eine einfachere Möglichkeit zur Kennzeichnung von HTML-Elementen mit maschinenlesbaren Tags bereitzustellen als die ähnlichen Ansätze der Verwendung von RDFa und klassischen Mikroformaten.
Auf hoher Ebene besteht Microdata aus einer Gruppe von Bezeichnungs-Wert-Paaren. Die Gruppen werden als Elemente bezeichnet, und jedes Bezeichnungs-Wert-Paar ist eine Eigenschaft. Elemente und Eigenschaften werden durch reguläre Elemente dargestellt.
- Um ein Element zu erstellen, wird das
itemscope
-Attribut verwendet. - Um einer Eigenschaft ein Element hinzuzufügen, wird das
itemprop
-Attribut auf einem der Nachkommen des Elements 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, zum Beispiel gibt Schema.org Music Event eine Konzertaufführung an, 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
sowie location
wären itemprop
s, die Schema.org Music Event definiert.
Hinweis: Mehr über itemtype
-Attribute finden Sie unter https://schema.org/Thing.
Microdata-Vokabulare bieten 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 häufig verwendeter Markup-Vokabulare wird von Schema.org bereitgestellt.
Häufig verwendete Vokabulare:
- Kreative Werke: CreativeWork, Book, Movie, MusicRecording, Recipe, TVSeries
- Eingebettete Nicht-Text-Objekte: AudioObject, ImageObject, VideoObject
Event
- Gesundheits- und Medizintypen: Hinweise zu den Gesundheits- und Medizintypen unter MedicalEntity
Organization
Person
Place
, LocalBusiness, RestaurantProduct
, Offer, AggregateOfferReview
, AggregateRatingAction
Thing
Intangible
Große Suchmaschinen-Betreiber wie Google, Microsoft und Yahoo! vertrauen auf das schema.org-Vokabular, um Suchergebnisse zu verbessern. Für einige Zwecke reicht ein ad-hoc-Vokabular aus. 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
(Unternehmens-Kontaktdaten), hRecipe
(Lebensmittelrezept), hReview
(Marktbewertungen) und hProduct
(Produktdaten) und bietet ein eigenes Format für die Definition von Begriffen und enzyklopädischen Artikeln. Diese Erweiterung wurde eingeführt, um Transliteration-Probleme zwischen den kyrillischen und lateinischen Alphabeten zu lösen. Durch die Umsetzung zusätzlicher Markierungsparameter des Schema-Vokabulars wurde die Indexierung von Informationen auf russischsprachigen Webseiten erheblich verbessert.
Globale Attribute
itemid
– Der eindeutige, globale Bezeichner eines Elements.
itemprop
– Wird verwendet, um Eigenschaften zu einem Element hinzuzufügen. Jedes HTML-Element kann ein itemprop
-Attribut haben, bei dem ein itemprop
aus einem Bezeichnungs-Wert-Paar besteht.
itemref
– Eigenschaften, die keine Nachkommen eines Elements mit dem itemscope
-Attribut sind, können dem Element mithilfe eines itemref zugeordnet werden. itemref
gibt eine Liste von Element-IDs (nicht itemid
s) mit zusätzlichen Eigenschaften an anderer Stelle im Dokument an.
itemscope
– Das itemscope
-Attribut funktioniert (normalerweise) zusammen mit itemtype
, um anzugeben, dass das in einem Block enthaltene HTML sich auf ein bestimmtes Element bezieht. Das itemscope
-Attribut erstellt das Item
und definiert den Gültigkeitsbereich des itemtype
, der damit verbunden ist. Das itemtype
-Attribut ist eine gültige URL eines Vokabulars (wie schema.org), das das Element und seinen Eigenschaftskontext beschreibt.
itemtype
– Gibt die URL des Vokabulars an, das zum Definieren von itemprop
's (Elementeigenschaften) in der Datenstruktur verwendet wird. Das itemscope
-Attribut wird verwendet, um den Bereich festzulegen, in dem innerhalb der Datenstruktur das vom itemtype
festgelegte Vokabular aktiv sein wird.
Beispiel
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 Werkzeug zum Extrahieren von Microdata-Strukturen aus HTML ist Googles Structured Data Testing Tool. Probieren Sie es mit dem oben gezeigten HTML aus.