Mikrodaten – Klein mit großer Wirkung
Wussten Sie, dass Ihre Web-App viel mehr Informationen über sich selbst liefern kann als nur die guten alten Meta-Elemente im des Dokuments? Heutzutage sind Webanwendungen mehr denn je miteinander verbunden, daher wird es immer wichtiger, den Zweck jeder Seite klar zu definieren.
Ein Beispiel aus der realen Welt
Wenn Ihnen das etwas seltsam vorkommt, schauen wir uns kurz ein einfaches Beispiel an. Stellen Sie sich vor, Sie haben einen Blog und möchten natürlich, dass Suchmaschinen den Inhalt, den Sie mit jedem Artikel veröffentlichen, besser verstehen. Eine klare und semantisch korrekte HTML-Struktur ist eine Grundvoraussetzung, aber nur der Anfang.
Dank der Entwicklung von Standards wie JSON-LD können Sie strukturierte Daten einheitlich bereitstellen. Das Stichwort ist hier das standardisierte Format, in dem diese zusätzlichen Metadaten von Ihnen definiert werden, da Suchmaschinen und deren Bots darauf programmiert sind, genau diese Metadaten zu verstehen.
Um auf unser Beispiel zurückzukommen, für einen Blogartikel steht das JSON-LD-Element „article“ zur Verfügung, das die wichtigsten Eigenschaften eines Artikels beschreibt.
Alternative zu JSON-LD
Das hört sich alles sehr schön an, aber was hat das mit Mikrodaten zu tun? Mikrodaten haben im Grunde den gleichen Zweck wie die oben beschriebene JSON-LD: Bereitstellung von mehr Metadaten für die Seite, auf der sie verwendet werden. Der Hauptunterschied besteht darin, dass JSON-LD im -Element der Web-App definiert werden muss. Mikrodatenelemente können jedoch direkt im Inhalt Ihrer Seite verwendet werden, ohne dass die Daten zwischen und aufgeteilt werden müssen.
<!--
The following eample is taken from Mozilla's site,
linked in the addendum.
-->
<div itemscope itemtype="http://schema.org/SoftwareApplication">
<span itemprop="name">Angry Birds</span> -
REQUIRES <span itemprop="operatingSystem">ANDROID</span><br>
<link itemprop="applicationCategory" href="http://schema.org/GameApplication"/>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
RATING:
<span itemprop="ratingValue">4.6</span> (
<span itemprop="ratingCount">8864</span> ratings )
</div>
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
Price: $<span itemprop="price">1.00</span>
<meta itemprop="priceCurrency" content="USD" />
</div>
</div>
Je nach Anwendungsfall oder Geschmack ist dies möglicherweise eine besser wartbare Lösung als JSON-LD. Das Schöne an Mikrodaten ist, dass es sich nicht um ein separates Element in Ihrem DOM handelt, sondern um eine Reihe von Eigenschaften, mit denen Sie Ihr vorhandenes HTML verbessern können.
Für Mikrodaten stehen viele Varianten zur Auswahl, beispielsweise zu Orten, Personen oder Produkten. Sie werden von den Bots der Suchmaschinen gut erkannt und bieten daher eine praktikable Alternative zu JSON-LD.
