Mikrodata - Klein met 'n groot impak
Het u geweet dat u webapp baie meer inligting oor homself kan bied as net die goeie ou meta-elemente in die van die dokument? Deesdae is webtoepassings meer onderling verbind as ooit, daarom word dit toenemend relevant om die doel van elke bladsy duidelik te definieer.
'N Regte wêreldse voorbeeld
As dit vir u 'n bietjie vreemd klink, kyk ons vinnig na 'n eenvoudige voorbeeld. Oorweeg dat u 'n blog het en natuurlik wil hê dat soekenjins die inhoud wat u by elke artikel publiseer, beter moet verstaan. 'N Duidelike en semanties korrekte HTML-struktuur is 'n basiese vereiste, maar slegs die begin.
Danksy die ontwikkeling van standaarde soos JSON-LD, kan u gestruktureerde data op 'n eenvormige manier verskaf. Die sleutelwoord hier is die gestandaardiseerde formaat waarin u hierdie addisionele metadata definieer, aangesien soekenjins en hul bots geprogrammeer is om hierdie metadata presies te verstaan.
As ons terugkom na ons voorbeeld, vir 'n blogartikel, is die JSON-LD-element 'artikel' beskikbaar wat die belangrikste eienskappe van 'n artikel beskryf.
Alternatief vir JSON-LD
Dit klink alles baie mooi, maar wat het dit met mikrodata te doen? Mikrodata het basies dieselfde doel as die JSON-LD hierbo beskryf: verskaf meer metadata vir die bladsy waarin dit gebruik word. Die belangrikste verskil is dat JSON-LD in die -element van die webprogram gedefinieer moet word. Tog kan mikrodata-elemente direk binne die inhoud van u bladsy gebruik word, sonder om die data tussen en te verdeel.
<!--
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>
Afhangend van u gebruiksgeval of geur, kan dit 'n beter instandhoudende oplossing wees as JSON-LD. Die lekkerte van mikrodata is dat dit nie eintlik 'n aparte element in u DOM is nie, maar eerder 'n stel eienskappe waarmee u u bestaande HTML kan verbeter.
Daar is baie beskikbare variante vir mikrodata om uit te kies, byvoorbeeld oor plekke, persone of produkte. Hulle word goed erken deur die soekenjins se bots en bied dus 'n lewensvatbare alternatief vir JSON-LD.
