Verwendung von Microdata in HTML

Vokabulare

Google und andere große Suchmaschinen unterstützen das Schema.org Vokabular für strukturierte Daten. Dieses Vokabular definiert einen Standardsatz von Typnamen und Eigenschaftsnamen, zum Beispiel zeigt Schema.org Music Event ein Konzert an, mit den Eigenschaften startDate und location, 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.

Microdata-Vokabulare bieten die Semantik oder Bedeutung eines Item. Webentwickler können ein benutzerdefiniertes Vokabular entwerfen oder Vokabulare verwenden, die im Internet 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, Restaurant
• Product, Offer, AggregateOffer
• Review, AggregateRating
• Action
• Thing
• Intangible

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 adhoc-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 (Unternehmens-Kontaktinformationen), hRecipe (Rezept für Lebensmittel), hReview (Marktbewertungen) und hProduct (Produktdaten) und bietet sein eigenes Format für die Definition von Begriffen und enzyklopädischen Artikeln. Diese Erweiterung wurde entwickelt, um Probleme bei der Transliteration zwischen den kyrillischen und lateinischen Alphabeten zu lösen. Durch die Implementierung zusätzlicher Markierungsparameter des Schemas wurde die Indexierung von Informationen auf russischsprachigen Webseiten erheblich erfolgreicher.

Globale Attribute

itemid – Die eindeutige, globale Kennung eines Items.

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

itemref – Eigenschaften, die keine Nachfahren eines Elements mit dem itemscope-Attribut sind, können dem Item mit einem itemref zugeordnet werden. itemref bietet eine Liste von Element-IDs (nicht itemids) mit zusätzlichen Eigenschaften an anderer Stelle im Dokument.

itemscope – Das itemscope-Attribut funktioniert (in der Regel) zusammen mit dem itemtype, um anzugeben, dass das in einem Block enthaltene HTML sich auf ein bestimmtes Item bezieht. Das itemscope-Attribut erstellt das Item und definiert den Geltungsbereich des itemtype, der damit verbunden ist. Das itemtype-Attribut ist eine gültige URL eines Vokabulars (wie schema.org), das das Item und den Kontext seiner Eigenschaften beschreibt.

itemtype – Gibt die URL des Vokabulars an, das verwendet wird, um itemprops (Item-Eigenschaften) in der Datenstruktur zu definieren. Das itemscope Attribut wird verwendet, um den Geltungsbereich festzulegen, in dem die von itemtype festgelegte Vokabularstruktur aktiv ist.

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

Ergebnis

Siehe auch

• Globale Attribute