Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. HTML
  3. Guides
  4. Microdata

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.

View in EnglishAlways switch to English

Verwendung von Microdata in HTML

Microdata ist Teil desWHATWG HTML-Standards und wird verwendet, um Metadaten in bestehende Inhalte auf Webseiten einzubetten. Suchmaschinen und Webcrawler können Microdata von einer Webseite extrahieren und verarbeiten, um ein reicheres Browsing-Erlebnis für Benutzer bereitzustellen. Suchmaschinen profitieren stark von direktem Zugriff auf diese strukturierten Daten, da sie es Suchmaschinen ermöglichen, die Informationen auf Webseiten zu verstehen und relevantere Ergebnisse für Benutzer zu liefern. Microdata verwendet ein unterstützendes Vokabular, um ein Item zu beschreiben und Werte in Form von Namens-Wert-Paaren seinen Eigenschaften zuzuweisen. Microdata ist ein Versuch, eine deklarative Methode zur Annotation von HTML-Elementen mit maschinenlesbaren Tags bereitzustellen, im Gegensatz zu den ähnlichen Ansätzen der Verwendung von RDFa und klassischen Mikroformaten.

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

  • Um ein Item zu erstellen, wird dasitemscope-Attribut verwendet.
  • Um einem Item eine Eigenschaft hinzuzufügen, wird dasitemprop-Attribut auf einem der Nachfahren des Items verwendet.

Vokabulare

Google und andere große Suchmaschinen unterstützen dasSchema.org Vokabular für strukturierte Daten. Dieses Vokabular definiert einen Standardsatz von Typnamen und Eigenschaftsnamen, zum Beispiel zeigtSchema.org Music Event ein Konzert an, mit den EigenschaftenstartDate undlocation, um die wichtigsten Details des Konzerts anzugeben. In diesem Fall wäreSchema.org Music Event die URL, die vonitemtype verwendet wird, undstartDate undlocation wärenitemprops, dieSchema.org Music Event definiert.

Hinweis:Weitere Informationen zuitemtype-Attributen finden Sie unterhttps://schema.org/Thing.

Microdata-Vokabulare bieten die Semantik oder Bedeutung einesItem. Webentwickler können ein benutzerdefiniertes Vokabular entwerfen oder Vokabulare verwenden, die im Internet verfügbar sind, wie das weit verbreiteteschema.org-Vokabular. Eine Sammlung häufig verwendeter Markup-Vokabulare wird von Schema.org bereitgestellt.

Häufig verwendete Vokabulare:

Große Suchmaschinenbetreiber wie Google, Microsoft und Yahoo! verlassen sich auf dasschema.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ütztYandex, eine große Suchmaschine in Russland, Mikroformate wiehCard (Unternehmens-Kontaktinformationen),hRecipe (Rezept für Lebensmittel),hReview (Marktbewertungen) undhProduct (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 einitemprop-Attribut spezifiziert haben, wobei einitemprop aus einem Namens-Wert-Paar besteht.

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

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

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

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

itemscopeitemtype SoftwareApplication (https://schema.org/SoftwareApplication)
itempropnameAngry Birds
itempropoperatingSystemANDROID
itempropapplicationCategorySoftwareApplication (https://schema.org/SoftwareApplication)
itemscopeitemprop[itemtype]aggregateRating [AggregateRating]
itempropratingValue4.6
itempropratingCount8864
itemscopeitemprop[itemtype]offers [Offer]
itempropprice1.00
itemproppriceCurrencyUSD

Ergebnis

Hinweis:Ein praktisches Werkzeug zum Extrahieren und Überprüfen von Microdata-Strukturen aus HTML ist derSchema Markup Validator. Probieren Sie es mit dem oben gezeigten HTML aus.

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

[8]ページ先頭

©2009-2026 Movatter.jp