WEB-d Développement Web

PHP, SQL, HTML5, CSS3, Javascript, Mootools, Référencement, SEO, CMS, e-commerce, Apache, Linux, Ubuntu, ...

Microformats et hCard

L'idée des microformats consiste à ajouter des informations (meta data) au code html afin de le rendre plus facilement compréhensible, et donc utilisable, par un robot. Les microformats sont donc de plus en plus utilisés par les moteurs de recherche pour "comprendre" les pages web.

Le microformat le plus utilisé actuellement est le hCard, qui sert à publier les détails de contact (adresse, numéro de téléphone, adresse email...) d'une personne ou d'une organisation. Voici un exemple complet de hCard :


<div class="vcard">
  <span class="fn">Thibault Debatty</span><br/>
  <span class="tel">+32 (0) 123 45 67 89</span><br/>
  <a class="email" href="mailto:info@web-d.be">info@web-d.be</a><br/>
  <div class="adr">
    <span class="street-address">Avenue Milcamps</span><br/>
    <span class="postal-code">1030</span><br/>
    <span class="locality">Bruxelles</span><br/>
    <span class="country-name">Belgique</span>
  </div>
</div>
 

A ne pas oublier :

Pour être sûr que votre code est correct, vous pouvez utiliser un outil de validation, comme le hCard validator.

Certaines extensions pour Chrome ou Firefox permettent également d'utiliser les microformats présents dans une page web. C'est le cas de Microformats for Chrome par exemple.

Extension Microformats pour Chrome

Articles similaires