Mikrodata - kicsi, nagy hatással
Tudta, hogy webalkalmazása sokkal több információt tud nyújtani önmagáról, nem csak a dokumentum jó régi meta-elemeit a dokumentum -jében? Manapság a webalkalmazások jobban összekapcsolódnak, mint valaha, ezért egyre fontosabbá válik az egyes oldalak céljának egyértelmű meghatározása.
Valódi világpélda
Ha ez egy kicsit furcsának tűnik számodra, akkor nézzünk meg gyorsan egy egyszerű példát. Fontolja meg, hogy van blogja, és természetesen szeretné, ha a keresőmotorok jobban megértenék az egyes cikkekkel közzétett tartalmat. A világos és szemantikailag korrekt HTML struktúra alapvető követelmény, de csak a kezdet.
Az olyan szabványok fejlesztésének köszönhetően, mint a JSON-LD, strukturált adatokat szolgáltathat egységes módon. A kulcsszó itt az a szabványosított formátum, amelyben Ön meghatározza ezeket a további metaadatokat, mivel a keresőmotorok és robotjaik be vannak programozva, hogy pontosan megértsék ezeket a metaadatokat.
Visszatérve a példánkra: egy blogcikkhez elérhető a JSON-LD elem „cikk”, amely leírja a cikk legfontosabb tulajdonságait.
A JSON-LD helyett
Nos, mindez nagyon szépen hangzik, de mi köze van ennek a mikrodatához? A mikroadatoknak alapvetően ugyanaz a célja, mint a fent leírt JSON-LD-nek: több metaadatot kell megadniuk az oldalhoz, amelyben használják. A legfontosabb különbség az, hogy a JSON-LD-t a webalkalmazás elemében kell meghatározni. A mikrodata-elemek azonban közvetlenül az oldal tartalmában is felhasználhatók, anélkül, hogy az adatokat fel kellene osztani a és a között.
<!--
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>
Felhasználási esetétől vagy ízétől függően ez jobban karbantartható megoldás lehet, mint a JSON-LD. A mikrodatákban az a szép, hogy valójában nem külön elem a DOM-ban, hanem olyan tulajdonságok összessége, amelyekkel a meglévő HTML-kódot javíthatja.
A mikrodaták számára sokféle változat közül lehet választani, például helyekről, személyekről vagy termékekről. A keresőmotorok robotjai jól elismerték őket, ezért életképes alternatívát kínálnak a JSON-LD-vel szemben.
