Microdonnées - Petit avec un grand impact
Saviez-vous que votre application Web peut fournir beaucoup plus d'informations sur elle-même que les bons vieux méta-éléments du du document ? De nos jours, les applications Web sont plus interconnectées que jamais, il devient donc de plus en plus pertinent de définir clairement l'objectif de chaque page.
Un exemple du monde réel
Si cela vous semble un peu étrange, examinons rapidement un exemple simple. Considérez que vous avez un blog et, naturellement, vous voulez que les moteurs de recherche comprennent mieux le contenu que vous publiez avec chaque article. Une structure HTML claire et sémantiquement correcte est une exigence de base, mais seulement le début.
Grâce au développement de standards tels que JSON-LD, vous pouvez fournir des données structurées de manière uniforme. Le mot-clé ici est le format standardisé dans lequel ces métadonnées supplémentaires sont définies par vous, car les moteurs de recherche et leurs robots sont programmés pour comprendre exactement ces métadonnées.
Pour revenir à notre exemple, pour un article de blog, l'élément JSON-LD « article » est disponible, qui décrit les propriétés clés d'un article.
Alternative à JSON-LD
Eh bien, tout cela semble très bien, mais qu'est-ce que cela a à voir avec les microdonnées ? Les microdonnées ont essentiellement le même objectif que le JSON-LD décrit ci-dessus : fournir plus de métadonnées pour la page dans laquelle il est utilisé. La principale différence est que JSON-LD doit être défini dans l'élément de l'application Web. Pourtant, les éléments de microdonnées peuvent être utilisés directement dans le contenu de votre page, sans qu'il soit nécessaire de diviser les données entre et .
<!--
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>
Selon votre cas d'utilisation ou votre saveur, cela pourrait être une meilleure solution maintenable que JSON-LD. Ce qui est bien avec les microdonnées, c'est qu'il ne s'agit pas en fait d'un élément distinct dans votre DOM, mais plutôt d'un ensemble de propriétés avec lesquelles vous pouvez améliorer votre code HTML existant.
Il existe de nombreuses variantes disponibles pour les microdonnées, par exemple sur les lieux, les personnes ou les produits. Ils sont bien reconnus par les robots des moteurs de recherche et offrent donc une alternative viable à JSON-LD.
