Google et les microformats

Publié le 28 juillet 2009 | 10 commentaires

Je n’ai jamais parlé des microformats sur ce site et pourtant le sujet est des plus intéressants surtout depuis que Google a décidé de les intégrer dans ses pages de résultats, mais nous y reviendront.

Commençons donc par tenter de définir ce que sont les Microformats.

1) Les microformats permettent d’ajouter de la sémantique à des contenus web existants.

2) L’objectif est de permettre à de l’information contenu dans le corps d’une page web (adresses, les coordonnées géographiques, critique, prix) d’être traitée automatiquement par un logiciel.

3) Concrètement, grâce aux microformats un webmaster peut enrichir ses pages de contenus sémantiques à l’aide de classes et d’attributs XHTML et HTML, le plus simplement du monde.

Prenons donc un exemple des plus simples, mon adresse professionnelle dans ce texte :

David Castéra
Immersive Lab
27 bis avenue Tristan Derême
64400 Oloron Sainte Marie
France
Téléphone: +33-559-343-181
http://www.immersivelab.fr

Au niveau du code source on obtient ceci :

<div>
<div>David Castéra</div>
<div>Immersive Lab</div>
<div>
<div>27 bis avenue Tristan Derême</div>
<div>64400 Oloron Sainte Marie</div>
<div>France</div>
</div>
<div>Téléphone: +33-559-343-181</div>
<div><a href="http://www.immersivelab.fr/">http://www.immersivelab.fr</a></div>
</div>

Ajoutons maintenant un marquage microformats hcard :

David Castéra
Immersive Lab
27 bis avenue Tristan Derême
64400Oloron Sainte Marie
France
Téléphone: +33-559-343-181
http://www.immersivelab.fr

Visiblement aucune différence… mais si on observe le code source :

<div class="vcard">
<div class="fn">David Castéra</div>
<div class="org">Immersive Lab</div>
<div class="adr">
<div class="street-address">27 bis avenue Tristan Derême</div>
<div><span class="postal-code">64400</span><span class="locality">Oloron Sainte Marie</span></div>
<div class="country-name">France</div>
</div>
<div>Téléphone: <span class="tel">+33-559-343-181</span></div>
<div><a class="url" href="http://www.immersivelab.fr/">http://www.immersivelab.fr</a></div>
</div>

On a ainsi ajouté une classe vcard et des attributs fn ou org ainsi qu’un classe adr (adresse) avec ses attributs street-adress ou postal-code par exemple, le tout emballé dans vcard… Bref, vous l’avez compris, Hcard est un microformat pour publier les contacts et ainsi permettre leur ajout au caret d’adresse grâce à un logiciel d’extraction comme l’extension Firefox Operator.

Il existe d’autres microformats comme par exemple :

  • hAtom – pour marquer des fils web Atom (standard) provenant du HTML standard
  • hCalendar – pour les événements
  • hCard – pour l’information de contact ; comprend  adr – pour les adresses postales et geo – pour les coordonnées géographiques
  • hReview – pour les critiques
  • hResume – pour les résumés ou CVs
  • rel-directory – pour la création et l’inclusion de répertoire distribué
  • rel-nofollow, une tentative pour décourager du spam provenant de tiers (par ex. le spam sur les blogs).
  • XHTML Friends Network (XFN) – pour les relations sociales
  • XOXO – pour les listes et les plans
  • et bien d’autres à consulter ici.

Pour en savoir plus sur le microformats je vous invite à consulter le wiki consacré au sujet.

Mais revenons au sujet de cet article : l’annonce datant du 12 mai sur le blog webmasters de Google de l’introduction des Rich Snippets dans les pages de résultats du moteur. Les rich snippets permettant de compléter un résultat par des informations glanées par le moteur sur la page concernée : vote, avis (review), prix, adresse…

Afin de l’aider à enrichir ses pages de résultat Google conseille donc au webmaster, considérant que personne ne connait mieux son contenu que lui même, de l’aider à trouver ces informations en utilisant… les microformats.. nous y voila.

Visiblement l’intégration des données se fera progressivement, certains font remarquer que par exemple la reconnaissance des données hcard par Google est des plus incomplètes, mais il est bon de s’y préparer. En effet en matière de référencement il faut travailler le positionnement bien entendu, mais également l’affichage de la page dans les SERPS (titre, description) et donc les rich snippets devraient participer largement à la génération de trafic. reste maintenant à vérifier si une position 5 ou 6 enrichie d’un microformat permettra plus de visite que la même position, ou meilleure, sans rich snippets.

Peut être avez-vous expérimenté, n’hésitez pas à témoigner…

Pour terminer, il y a deux microformats sur ce blog, si si, j’offre une bouteille de Jurançon aux trois premiers lecteurs qui me les trouvent. L’exemple de ce billet ne comptant pas ;)

Discussions

10 Commentaires pour “Google et les microformats”

  1. old
    28 juillet 2009 @ 9 h 07 min

    Opérator ne me signale rien de plus que les éléments qui figurent dans ce billet.
    J’ai évidemment la récupération des tags et des catégories par opérator.
    Mais je n’ai rien trouvé d’autres.

  2. Sanji
    28 juillet 2009 @ 9 h 11 min

    C’est un sujet qui me fait de l’oeil depuis longtemps. On sent l’énorme potentiel, et on s’imagine les intégrations et interactions possibles. Et en même temps ça me semble tellement peu utilisé…

  3. David
    28 juillet 2009 @ 10 h 09 min

    @ old.. arf Operator ne trouve pas les microformats xoxo générés pas WordPress sur les blogroll ;) (indice)

    @ Sanji oui il y a du potentiel, c’est peu utilisé car méconnu et non intégré dans les fonctions natives du navigateur mais dans une optique nouvelle de qualité de l’affichage dans les serps.. alors là :)

  4. Kakushin
    28 juillet 2009 @ 10 h 19 min

    Ton article est clair il m’as permit de saisir un peu mieux les micro format que je n’avais pas encore bien saisie…

    Concernant ta question il y a ta fiche de contact et un ensemble de TAG sur tes pages semblent il…

  5. Yonnel
    28 juillet 2009 @ 11 h 16 min

    Intéressant ! Ce qui me fait le plus réagir (positivement), c’est que les microformats soient ouverts et basés sur les standards du web – enfin, selon le postulat de base. C’est la seule chance qu’ils aient de se développer. En pensant fermé et propriétaire, on est perdant à coup sûr (cf. IE vs. Firefox).

    Sinon, chuis un peu motivé par la récompense… je vois des blogrolls qui sont des « XOXO blogroll », ainsi que du XFN dans les liens de ces mêmes blogrolls et dans le head profile. Jurançon, ou pas Jurançon ? ;-)

  6. Hen El'Wam
    28 juillet 2009 @ 13 h 47 min

    Par ici le sirop…

    Alors Yonnel a raison il y a des XOXO sur le blogroll et du XFN sur les liens des gens, mais il y a aussi des rel-tag sur les tag.

    Ça fait bien 3 si on fait la somme !

    Viiiiiite j’ai soif

    (c’est quand même malheureux d’inciter à boire pour avoir des lecteurs !!!)

  7. Hen El'Wam
    28 juillet 2009 @ 14 h 03 min

    ha c’était 2 en fait… faut que j’arrête la bibine !

    Comme ça t’es au courant, t’as plus que 2 microformats sur le blog.

  8. David
    28 juillet 2009 @ 15 h 36 min

    Bon ben j’avais zappé les tags…

    donc Hen El’Wan et Yonnel vous pouvez me mailer vos coordonnées :)

  9. Yannouche le manouche
    28 juillet 2009 @ 18 h 41 min

    Bon ben si je compte bien y a eu que deux réponses, donc il reste une bouteille….

    Mes réponses :
    – XOXO sur le blogroll
    – XFN sur les liens des gens
    – rel-tag sur les tag

    Merci à Yonnel et Hen, je boirai un bon verre de Jurançon à votre santé

  10. Cactus Acide » » L’observatoire du neuromancien 07/28/2009
    29 juillet 2009 @ 0 h 31 min

    [...] Les usages du web sont mon métier, Google et Second Life mes amis, ma famille, Oloron et le tennis … [...]

Vous aussi, laissez votre commentaire