À retenir
- Sert à donner du sens (sémantique) aux données web.
- S'appuie sur des classes HTML standards.
- Améliore le référencement et l'interopérabilité.
Un microformat est une petite étiquette de code ajoutée au HTML d'une page web pour donner un sens précis à une information. C'est comme si l'on ajoutait des étiquettes invisibles sur une adresse ou un nom de produit pour qu'un ordinateur comprenne instantanément qu'il s'agit d'un contact ou d'un prix, et non d'un texte ordinaire.
Étymologie
Le terme est composé du préfixe micro- (petit, léger) et du mot format (organisation de données). Il est apparu vers 2005 pour désigner une manière simple et peu volumineuse de structurer des informations directement dans le code existant des pages web.
Exemples d'usage
- L'utilisation de la classe
h-cardpour identifier les noms, adresses et numéros de téléphone d'une personne. - L'usage de
h-eventpour décrire les dates, lieux et titres d'un événement (concert, conférence). - Le balisage
h-reviewpour structurer les avis des clients sur un service ou un objet.
Cas d'usage
Ils sont principalement utilisés dans le développement web pour faciliter le travail des moteurs de recherche (SEO) et permettre à des applications tierces d'extraire automatiquement des données. Par exemple, un calendrier peut proposer d'ajouter un événement détecté grâce à son microformat.
Bonnes pratiques
Il est crucial de n'utiliser les microformats que pour des données réellement visibles par l'utilisateur sur la page. Masquer des données balisées peut être pénalisé par les moteurs de recherche. Il convient aussi de suivre rigoureusement les noms de classes définis par les standards officiels pour être compris par tous.
Synonymes
Antonymes
Conseil
Si vous débutez en développement web, essayez d'implémenter le microformat h-card sur votre page de profil. C'est un excellent exercice pour comprendre comment une machine transforme du texte visuel en une fiche de contact exportable.
Questions fréquentes
Est-ce la même chose que Schema.org ?
Le but est le même (structurer les données), mais la technique diffère. Les microformats utilisent des classes HTML simples, tandis que Schema.org utilise souvent des attributs spécifiques ou du format JSON-LD.
Est-ce que cela remplace le HTML5 ?
Non, les microformats viennent s'ajouter au HTML pour apporter une couche de précision supplémentaire sur le contenu des balises.