Formation Logo Joomla Joomla!


Les microdata


Présentation

Les microdata sont une fonctionnalité HTML5 créée afin d'offrir du contenu sémantique dans des documents HTML. Leur utilisation est une façon de formater le contenu de votre site afin qu'il soit plus facilement "assimilé" par les moteurs de recherche. En clair, cela fonctionne de la même manière que l'application d'un style à votre texte, sauf qu'il n'y a aucun changement visuel. Ainsi, au lieu de mettre votre texte en gras ou en italique, les microdata indiquent aux robots des moteurs de recherche "ceci est l'adresse d'une entreprise" ou encore "ceci est le nom d'un produit".

Contrairement aux balises métadonnées qui tentent de définir le contenu d'une page entière, les microdata visent une section spécifique du contenu, voire un seul mot.


Les Rich Snipets

Google se sert des informations transmises par les microdonnées pour créer les "Rich Snippets" (ou "données structurées"). Concrétement, les résultats affichés dans les pages des moteurs de recherche sont alors illustrés par des images miniatures, par des évaluations de produits, par des critiques ou encore par le profil des auteurs. Ces éléments supplémentaires sont déterminés par le contenu de votre site et comment ceux-ci sont définis par les microdata.


Les métadonnees dans Joomla!


Ici, les notes, les avis et les tarifs sont des informations fournies par les microdata du site.

Vous avez la possibilité de tester le succès de votre balisage des microdata avec l'outil de test Rich Snippets de Google.


Les microformats et Schéma

Pour que les microdata puissent fonctionner, on doit respecter une sémantique précise. Il existe un certain nombre de normes disponibles, mais l'une des plus notables est celle des microformats.

  

En 2011, Google, Yahoo et Bing ont annoncé qu'elles soutiennaient une nouvelle forme de microdata connues sous le nom de Schéma. Bien que les moteurs de recherche soutiendront les différentes normes de microdata, il est probablement plus judicieux de n'utiliser qu'un seul marquage pour ne pas polluer le code de votre site.


Comment cela fonctionne-t-il ?

Les microdata fonctionnent de la même manière qu'une classe CSS.
L'élément que vous formatez (par exemple, vos coordonnées) est enveloppé dans un <span> avec une définition spécifique qui déclare quel standard que vous utilisez.
Ensuite, d'autres <span> sont placés à l'intérieur pour définir les propriétés spécifiques (par exemple votre nom, votre adresse, votre numéro de téléphone, etc).

Exemple :

Vous souhaitez indiquer vos informations de contact. Cela pourrait ressembler à ceci :

 <address>
  <p>Jean Viens<br/>
   Société Exemple<br/>
   604-555-1234<br/>
   <a href="http://mon-site-web.fr/">http://mon-site-web.fr/</a>
  </p>
 </address>

Maintenant, utilisons le marquage spécifique microformat hCard (raccourci de "HTML vCard)"), ceci devient :

 <address class="vcard">
  <p>
   <span class="fn">Jean Viens</span><br/>
   <span class="org">Société Exemple</span><br/>
   <span class="tel">604-555-1234</span><br/>
   <a class="url" href="http://mon-site-web.fr/">http://mon-site-web.fr</a>
  </p>
 </address>

Ici, le nom formaté (fn), l'organisation (org), le numéro de téléphone (tel) et l'adresse web (url) ont été identifiés en utilisant des noms de classes spécifiques. L'ensemble est intégré dans une class "vcard", qui indique que les autres classes forment une hCard. A noter que qu'il existe d'autres classes (optionnelles) de hCard et que le rendu visuel est exactement le même dans les deux cas.

Il est possible pour les plugins de navigateurs d'extraire ces informations et de les transférer vers d'autres applications, comme un carnet d'adresses.


Quizz

Dans le prochain article, nous verrrons comment comprendre et parler aux robots. Mais avant cela, je vous invite à répondre à une question portant sur le chapitre que vous venez de lire.


Elle n'est pas une balise métadonnées, c'est :





Please answer the question.


Et ensuite...

 

web-eau.net is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla! name and logo is
used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.