Actualités

La plupart des développeurs web qui lisent des magazines comme Digital Web sont sûrement familiarisés avec le terme microformats, et il est probable qu'ils aient même déjà joué avec les hCards et les tags. En fait, en novembre 2005, Digital Web fût parmi les premiers à traiter ce sujet, en publiant une superbe introduction de Garrett Dimon.

Parmi nous, il en est peu qui contestent réellement le potentiel des microformats, mais toutes les technologies, peu importent leurs promesses, vivent et meurent en fonction de leur degré d'adoption. Aussi comment se portent les microformats un an après leur sortie ? Parce que les microformats sont de la sémantique, leur impact est moins évident que, disons, AJAX—dont les effets visuels dynamiques contribuent généralement à leur propagation involontaire. Cela peut vous surprendre mais le niveau d'adoption par les développeurs d'outils, les éditeurs et les agrégateurs est déjà significatif : il est probable que vous visitiez sans le savoir des sites avec du contenu microformaté. Dans cet article, nous passerons en revue ce que les personnes sont en train de faire à cette heure avec les microformats et nous finirons par regarder quelques projets cools qui pourraient bien aiguiser votre appétit pour les futures perspectives des microformats.  

L'oeuf ou la poule ?

Je réfléchis parfois au remarquable acte de foi de celui qui a acheté le premier fax. Le fax illustre un phénomène important associé à beaucoup de technologies —l'effet réseau— où la valeur d'une technologie s'accroît au fur et à mesure qu'elle est utilisée. En essayant de manoeuvrer sur cette pente glissante de l'effet réseau, les nouvelles technologies font souvent face à cette étape cruciale de "l'oeuf ou la poule ?". Avec les microformats, les développeurs de contenus peuvent également se demander : "s'il existe peu de services qui tirent profit des données microformatées, pourquoi devrais-je utiliser des microformats ?”. Comme je suis en train de le démontrer, les microformats ont dans un grand nombre de domaines passé ce moment de la poule et de l'oeuf. Si vous êtes un développeur de contenus, un développeur d'outils ou un développeur de services, utiliser des microformats pour ajouter un balisage sémantique à votre contenu offre des bénéfices significatifs. Jetez un oeil à ce que les individus, les projets open source, les gros éditeurs de contenu (comme Yahoo!) et les développeurs de services (tels que Technorati) sont maintenant en train de faire avec les microformats.

Développement

La plupart d'entre nous font confiance à des outils qui font le gros oeuvre à notre place —que nous utilisions des outils comme WordPress ou Moveable Type pour poster des billets de blogs, ou Dreamweaver pour le design. Alors qu'il est relativement simple de coder les microformats à la main, bon nombre des applications que nous utilisons pour le balisage, le design web et la publication ont ajouté un support - ou ont des plugins - pour ajouter facilement du contenu microformaté.

La Task Force du Web Standards Project Dreamweaver, façonnée par Drew McLellan, a développé un plug-in pour Dreamweaver qui facilite l'ajout de contenu microformaté à vos pages web. Cette extension en version bêta aide les utilisateurs de Dreamweaver à insérer des données hCard, rel-tag, hCalendar, rel-license et XFN à l'intérieur de leurs documents.

WordPress, Moveable Type, Drupal, TextPattern, et d'autres outils de blogging et de gestion de contenus offrent des plugins pour ajouter une variété de contenus microformatés aux blogs et autres sites développés avec ces outils. Une rapide recherche localisera les plugins pour créer tout simplement n'importe quel type de microformat - critiques, calendrier, étiquetage, détails de contacts et bien plus encore —pour beaucoup de CMS et systèmes de blogging.

Microformats.org a aussi plusieurs outils de création autonomes pour développer du contenu microformaté. hCard Creator, hCalendar Creator et hReview Creator permettent de développer des microformats complexes —saisissez simplement l'information nécessaire dans un formulaire web et puis collez la sortie produite directement à l'intérieur de votre code source.

Par conséquent, quelles que soient vos méthodes de développement, vous trouverez probablement des outils pour vous aider à exécuter les tâches répétitives et ennuyeuses —comme la traduction des dates et heures lisibles par des humains dans le format ISO 8601, simplifiant la création de microformats.

Publication

La toute première phase d'adoption des microformats —à peu près jusqu'au début de cette année—a vu la majorité des contenus microformatés développés par les blogueurs. Les contenus tagués utilisant les microformats rel-tag et XFN en sont les meilleurs exemples, et à une moindre ampleur, les détails de contacts en utilisant hCard. Les six derniers mois ou presque ont vu apparaître l'usage de microformats dans des situations très tendances, y compris l'adoption massive par Yahoo!.

Plusieurs sites Yahoo!, dont Tech, Local, Flickr, et Upcoming utilisent les différents microformats dans leurs publications. Tant Yahoo! Tech que Yahoo! Local utilisent hReview pour la publication de critiques, alors que Yahoo! Local utilise hCalendar pour les événements, et hCard pour les détails de contacts. Flickr utilise hCard pour l'information de profil tout comme XFN. Upcoming.org liste plus d'un million d'événements à travers le monde balisés à l'aide de hCalendar.

La beauté de beaucoup de ces services, c'est que les utilisateurs y génèrent du contenu —par exemple des critiques— sans qu'ils aient besoin de savoir quoi ce soit à propos des formats sous-jacents. Les outils font le travail de traduire le contenu dans le microformat approprié. C'est cette adoption significative par les éditeurs qui a véritablement conduit à une forte croissance du contenu microformaté sur le web.

Déboucher les Microformats

L'un des usages les plus innovants durant les douze derniers mois a été le superbe site lancé récemment Cork’d, un site de vin très orienté Web 2.0. Cork’d a été développé par Dan Cederholm - auteur bien connu et designer de SimpleBits - et Dan Benjamin de Hivelogic. Cork'd utilise hReview pour les critiques de vins, hCard pour les rédacteurs (quiconque peut enregistrer un compte gratuit pour critiquer un vin) et rel-tag pour les tags de dégustation (les “tasting tags” ; de façon que les évaluateurs puissent taguer les vins par goût -comme le poivre, la cerise ou la chaussette moisie). Cork'd est un modèle génial pour l'usage simple et élégant d'un balisage sémantique permis par les microformats. Si vous travaillez ou planifiez n'importe quel site à contenu généré par les utilisateurs, vous seriez fou de ne pas passer un peu de temps à étudier ce que fait Cork'd avec les microformats.

Agrégateurs

La véritable promesse des microformats est qu'ils permettent un développement décentralisé du contenu et des services. Jusqu'à présent, un grand nombre de sites de critiques (tels que les critiques de livres chez Amazon  ou les critiques de films IMDB), les annonces classées, les services de réseaux sociaux et les autres types de sites ont été centralisés —verrouillant les utilisateurs et leurs contenus dans un service unique, tels que craigslist ou Trading Post, ou des sites d'enchères comme eBay, tous des jardins murés, où les données générées par l'utilisateur sont étroitement contrôlées, et —dans beaucoup de cas—possédées par les agrégateurs.

L'explosion récente des mashups basés sur des cartes montre la promesse de ce que peuvent permettre les données ouvertes quand les murs de ces jardins sont abaissés. Mais les données ouvertes requièrent des formats standardisés, tels que les microformats, pour les rendre utiles.

C'est dans cette aire des agrégateurs et d'autres services décentralisés que réside la véritable promesse des microformats. Déjà, la recherche par tag de Technorati a démontré la puissance d'un format simple et standard pour taguer le contenu —de janvier 2005 à avril 2006, les billet tagués et indexés par Technorati sont passés de zéro à 100 millions.

Mais que se passe-t-il avec d'autres services décentralisés utilisant les microformats ?

Récemment, Technorati a dévoilé Kitchen, un moteur de recherche spécifiquement conçu pour trouver des contenus microformatés, et en particulier : les événements (hCalendar), les détails de contacts (hCard) et les critiques (hReview) — tous indexés en provenance du web. Maintenant vous pouvez chercher du contenu microformaté quel que soit l'endroit où il est publié.

Mais couplé à cela, il y a quelque chose d'encore bien plus excitant : Pingerati. Pingerati diffuse l'information en provenance de services qui veulent que leurs contenus microformatés soient indexés. Des sites tels qu'Eventful peuvent pinguer Pingerati et figurer ainsi dans les mises à jour d'événements au format hCalendar. Ceci rend le développement de services distribués avec du contenu microformaté encore bien plus facile. Technorati fournit un lieu centralisé pour pinguer pour les éditeurs, lesquels voient ainsi leurs mises à jours publiées. Les indexeurs y trouvent du contenu nouveau, tout comme weblogs.com est disponible comme service de ping pour les blogs quand ceux-ci sont mis à jour.

Ce type de service distribué n'a pas encore décollé comme l'a fait la publication de contenus microformatés ; mais d'autres services très prometteurs sont déjà sortis. Edgeio, un site d'annonces classées agrège les annonces qui ont été rédigées selon le microformat hListing, plutôt que de vous obliger à leur soumettre vos petites annonces. Edgeio publie aussi les annonces dans ce format, et —reconnaissant que tout le monde n'a pas un site vers lequel publier ses annonces—vous permet de publier des annonces sur son site. Kritx, bien que tout juste lancé, est un agrégateur pour les critiques publié au format hReview, avec une approche similaire à celle d'Edgeio.

Ce peut n'être qu'un problème de temps avant que les agrégateurs et services distribués pour les critiques de restaurants, films, événements, CV et autres types de contenus ne décollent. Après tout, le contenu microformaté est de plus en plus souvent présent sur des blogs individuels, sur des sites de niches comme Cork’d et à une plus grande échelle sur des sites comme Upcoming ou encore Yahoo!. Les microformats seront peut-être bientôt présents sur vos sites, si ce n'est pas déjà le cas !

Quelques Trucs Cools

J'ai récemment eu le privilège d'entendre Lars Rasmussen, l'un des développeurs originaux de Google Maps, parler à propos de la construction des cartes. Un partie intéressante de cette histoire était qu'il n'avait jamais vraiment pensé aux personnes qui feraient des mashups, et que cela l'a pris par surprise. Maintenant, une partie significative de chacune de ses journées est passé à regarder les mashups de cartes. En fait, Rasmussen dit qu'une raison importante pour obliger une clé API est qu'ainsi il peut conserver une trace des mashups populaires. L'approche ouverte de Google consistant à autoriser d'autres à utiliser ses données cartographiques, a créé en effet une nouvelle catégorie d'applications web, et l'a laissé s'engouffrer dans un certain nombre d'applications cartographiques bien établies et bien documentées. En donnant des données simples et ouvertes sur le web, des formats établis, nous avançons d'un pas pour nous rapprocher du fait de permettre un gamme complète de mashups encore-non-imaginés.

Mashups Cartographiques et hCard 

Quelques projets cools illustrent comment tirer un avantage de ces nouveaux moyens de travailler avec des données. L'un des contributeurs les plus prolifiques sur les microformats durant les deux dernières années a été Brian Suda. Co-auteur des spécifications hCard et hCalendar, c'est un contributeur sur beaucoup de brainstormings associés à d'autres formats, l'auteur d'un livre PDF sur les microformats à paraître chez O'Reilly et le développeur de X2V. X2V est un service en ligne qui prend une page avec, disons une hCard ou un hCalendar à l'intérieur, et la convertit en format vCard ou iCalendar (les formats IETF sur lesquels ceux-ci sont basés). En fonction de votre système, ceux-ci seront automatiquement ouverts dans le logiciel que vous utilisez pour lire ces formats (qu'il s'agisse d'Outlook, d'iCal, d'Address Book, etc...).

Voici un lien qui vous permet de jeter un oeil à cela en action —X2V saisit la hCard embarquée chez Web Directions, la convertit en vCard, et vous permet de la télécharger et de l'ouvrir dans votre carnet d'adresses.

Mais récemment, Brian a fait encore mieux avec un outil pour créer des mashups GoogleMaps à partir de hCards contenant des géo-données. Cet exemple localise la hCard chez http://suda.co.uk/publications/EuroOSCON06/, qui contient des géodonnées—la longitude et la latitude de l'endroit où se déroule cet événement. Les géo-données sont ensuites converties vers le propre format de données XML de GoogleMaps, qui affiche l'endroit et son nom. C'est un mashup qui ne nécessite pas l'utilisation de l'API de Google, et un bon exemple de ce que l'on peut faire avec des données ouvertes microformatées.

Alors, qu'attendez-vous ?

L'effet réseau nous dit que la valeur d'une technologie s'accroît d'autant plus qu'elle est utilisée. Les microformats expérimentent rapidement les avantages de cet effet. Les éditeurs innovants sont en train de publier des microformats, alors que les développeurs innovants ont englobé les microformats pour aider à construire de nouveaux types de services en ligne. Ces innovateurs ont plongé, et démontré la valeur pratique et la promesse des microformats.

Même si vous n'êtes pas certain de développer à l'heure actuelle avec des microformats, pourquoi ne pas prendre l'extension Tails pour Firefox, ou l'extension FlockTails pour le navigateur Flock ? Vous pourrez voir quels sont les sites que vous visitez qui utilisent hCard, hCalendar ou hReview. Après avoir installé Tails/FlockTails, jetez un oeil à l'une des critiques chez Cork’d, ou naviguez sur quelques sites chez Yahoo! Tech. Le nouveau logo des microformats dans la barre de statut en bas de la fenêtre de votre navigateur s'allumera quand une page contient du contenu microformaté. Cliquez sur les logos pour obtenir les détails de tous les items microformatés sur la page.

Que vous soyez développeur web, éditeur de contenu ou développeur de services, vous serez en bonne compagnie si vous vous demandez comment tirer profit de l'utilisation des microformats quand vous publiez du contenu, quand vous développez des applications ou quand vous fournissez des services. Vous cherchez un nouveau projet cool ? Pourquoi ne pas agréger d'autres critiques comme celles de restaurants, de livres, de films en utilisant le modèle d'Edgeio ? Je serai heureux de siéger au conseil d'administration de votre société.

Les microformats sont parvenus à l'âge de la majorité. Aussi, qu'attendez-vous ?

Plus de lecture et de ressources

  1. Microformats.org — l'accueil des microformats
  2. Blog non officiel des microformats : microformatique
  3. Introduction aux Microformats (fr) par Brian Suda, O’Reilly ShortCuts series
  4. Anti-sèche Microformats (en) Brian Suda

Tags :

[Accueil > lien permanent vers cette page - (icône très utilisée dans le monde des carnets web : pour hyperlier cette page avec windows,  placez votre pointeur sur cette icône puis clic-droit et copier le raccourci où vous voulez)]

Lien original de référence

Publié le 28 août 2006 dans Digital Web.

Une traduction de Christophe Ducamp  avec la participation de  Jean-Christophe Capelli

Si vous découvrez des fautes de sens et de style, ou plus largement si vous souhaitez aider à mieux faire connaître les microformats en francophonie, laissez un commentaire ici  :

Derniers articles publiés :


6/05/07 - Microformats Utilisables

5/05/07 - Microformats : Ce Que C'est et Comment les Utiliser ?

5/05/07 - Microformats à la Source

4/05/07 - Ajoutez la Magie des Microformats à Votre Site Web !

24/12/06 - La Vision d'Ensemble des Microformats

24/12/06 - Stylisez vos hCards avec CSS !

22/06/06 - Construire un Web plus Sémantique avec les Microformats

14/06/06 - Introduction aux MicroFormats

13/06/06 - Recherche Microformats et Mise à jour Pingerati

13/06/06 - Les Microformats défient les Fils Web et les APIs !