Microformats : Ce Que C'est et Comment les Utiliser ?

le 5/05/07 

• Un article paru dans smashing magazine le 4 mai 2007.
• Seul le lien original fait référence.

Le Web 2.0 a ses aspects positifs et négatifs. Outre les progrès technologiques frénétiques fournis par Ajax, le contenu sémantiquement organisé et la popularité grandissante des fils RSS, le terme “Web 2.0? n'a pas encore réussi à renouveler le Web renouvelé au delà d'une révolution technologique.

Conséquence : beaucoup de techniques renouvelées, qui quelque part semblent en rapport avec le “nouveau” Web, ne sont pas complètement ou correctement comprises. Ceci amène à des erreurs publiques et éloigne -tant les développeurs et les utilisateurs- de l'utilisation (et de l'amélioration) de ces techniques.

Un des termes en vue est Microformats (parfois abrégé µF ou uF) - des formats, qui rendent possible la création de méta-contenus qui peuvent être non seulement lus, mais aussi compris par les machines (ce qui était l'idée de base du Web Sémantique et n'est pas le Web 2.0). Cet article vous donnera une idée, de ce que veut véritablement dire Microformats, de leurs avantages, de la manière dont vous pourrez les utiliser pour enrichir votre contenu et faire en sorte qu'ils soient plus visibles et compréhensibles par les moteurs de recherche.

Les choses que vous devriez connaître à propos des Microformats

• “Conçus initialement pour des humains et ensuite pour les machines, les microformats sont un ensemble de formats de données, simples et ouverts construits sur des standards existants et largement adoptés.” [Microformats : la définition officielle]
• “Microformats est le nom générique donné à n'importe quel format qui se construit sur le (X)HTML pour fournir des métadonnées supplémentaires sur les objets web.” [Microcontent Design]
• “Les Microformats sont de simples codes que vous pouvez utiliser pour identifier des formes spécifiques de données, comme les personnes ou événements, dans vos pages web.” [ Chris Messina]
• “Un microformat est un morceau de balisage qui permet l'expression de sémantique dans une page web HTML (ou XHTML). Les programmes peuvent extraire les données à partir d'une page web qui est balisée avec un ou plusieurs microformats.” [Wikipedia : Microformats]
• “Avec les microformats, vous pouvez envoyer et publier des choses comme des événements, cartes de visite et des critiques de produits sous forme de XHTML ayant du sens qu'une personne pourra lire dans un navigateur, mais aussi qu'un programme pourra importer, indexer et remixer comme des données natives.” [ Michael McCracken]
• “Les microformats traitent de l'utilisation des standards tels que nous les connaissons tous  […] pour charrier autant de sens sémantique que possible. Ils utilisent les balises actuelles XHTML telles que address, cite et blockquote et les attributs tels que rel, rev, et title pour créer des blocs de code sémantiquement pertinents.” [Microformats à la Source]
• “Les Microformats ne sont pas un nouveau langage mais adaptés aux comportements actuels et aux modèles d'usages et ils sont connectés avec le XHTML sémantique.” [A propos des Microformats]
• “Principes des Microformats : résoudre un problème spécifique, démarrer aussi simple que possible, design d’abord conçu pour les humains, ensuite pour les machines, réutilisation de briques de constructions provenant de standards largement adoptés, modularité / encastrabilité, permettre et encourager du développement décentralisé de contenus et de services. [ C'est quoi les microformats ?]
• “Voilà ce que sont les microformats ; ajouter un langage de balisage sémantique pour qu’il passe de l’état lisible à compréhensible par les machines..” [ Microformats : Introduction]
• “Il existe une large collection de microformats, partant du type général comme les cartes de visite, les adresses et les agendas, jusqu'aux types spécifiques d'un site internet, comme les vins.” [ Microformats : Introduction]

Microformats existants

• hAtom
  hAtom est un microformat pour le contenu qui peut être syndiqué, essentiellement mais pas uniquement pour les billets de blogs. hAtom est fondé sur un sous-ensemble du format de syndication Atom.
• hCalendar | hCalendar Creator
  hCalendar est un format simple, ouvert pour l'agenda et les événements distribués, approprié pour l'embarquement dans le (X)HTML, Atom, RSS et le XML arbitraire.
• hCard | hCard Creator
  hCard est un format pour représenter les personnes, les sociétés, les organisations et les lieux dans le XHTML sémantique.
• hResume | hResume Creator
  hResume est un microformat pour publier des résumés et CVs.
• hReview | hReview Creator
  hReview est un format ouvert, distribué, approprié pour embarquer des critiques (de produits, services, entreprises, événements, etc.) dans le (X)HTML, Atom, RSS, et le XML arbitraire.
• rel="nofollow"
  Est une valeur d'attribut HTML utiliser pour donner l'instruction aux moteurs de recherche qu'un hyperlien ne devrait pas influencer le ranking du lien de la cible dans l'index du moteur de recherche. Considéré comme un microformat.
• rel="tag"
  En ajoutant rel=”tag” à un hyperlien, une page indique que la destination de cet hyperlien est un "mot-clé" ou "tag" désigné par l'auteur (ou le mot-clé/sujet) pour la page en cours. Notez qu'un tag peut juste faire référence à une portion majeur de la page actuelle (par ex. un billet de blog). Par exemple en plaçant ce lien sur une page,
  <a href="http://technorati.com/tag/tech" rel="tag">tech</a>, l'auteur indique que la page a le tag "tech".
• XFN
  XHTML Friends Network (XFN) est un moyen simple pour représenter les relations humaines utilisant des hyperliens et développé par le "Global Multimedia Protocols Group". XFN permet aux auteurs web d'indiquer leur(s) relation(s) vers les personnes dans leurs blogrolls en ajoutant simplement un attribut ‘rel’ attribute to theirà leurs balises <a href> par ex.:
  <a href="http://jean.exemple.org" rel="friend met">.
• XOXO
  XOXO (eXtensible Open XHTML Outlines) est un format XML pour les outlines construit à partir d'une modularisation XHML. Développé par plusieurs auteurs comme une tentative de réutiliser les blocs de construction XHTML au lieu d'inventer de nouveaux éléments/attributs XML, XOXO est à la fois basé sur les comportements existants de publications d'outlines, de listes et de blogrolls sur le Web, et comme un format général d'idéateur pour traiter 1:1 les structures de données fondamentales des langages de programmation.
• xFolk
  xFolk est un format simple et ouvert pour publier des collections de signets.

Avantages des Microformats

• “Disons que vous vouliez vendre votre voiture. […] Mais si vous pouvions en quelque sorte poster cette annonce classée sur notre blog, et puis laisser facilement savoir aux services qui se soucient des petites annonces qu'il existe là une nouvelle petite annonce ou une P.A. mise à jour sur mon site. La pièce manquante qui permettrait cela est un format standard (après tout le html n'a pas un élément <classified>.).” [ Ajoutezla magie des Microformats à votre site]
• “Maintenant, votre information est éparpillée sur tout Internet, et vous devez décider quel site utiliser. Bientôt, le phénomène du blogging et les Microformats va bouleverser ces habitudes. A présent, les informations restent sur votre site, et les sites web viennent à vous. Par exemple, si vous désirez vendre quelque chose, vous pouvez bloguer avec le MF hListing, et un site comme edgeio le trouvera et placera l'annonce sur le Web.” [ Microformats :Introduction]
• “Les Microformats permettent la publication et le partage d'une information de plus haute fidélité sur le Web. Des blocs de constructions qui permettent aux utilisateurs de posséder, maîtriser et partager leurs données sur le Web. Des petits morceaux de (X)HTML qui identifient des types de données plus riches comme les personnes et les événements dans vos pages web. Le moyen le plus rapide et le plus simple de fournir une API pour votre site Web.” [ C'est quoi les microformats ?]
• “Comme les CSS, les microformats vous laissent produire des choses intéressantes à travers JavaScript et le DOM. Après tout, les microformats ne sont tout simplement qu'un ensemble de XHTML.” [Microformats à la Source]
• Les bénéfices des Microformats : ils sont lisibles (et peuvent être cherchés) par les machines, des métadonnées pertinentes et appropriées, du balisage ayant du sens.
• Avec les Microformats “vous pouvez créer un contenu plus cohérent. Vous pouvez partager vos microformats avec les fournisseurs de contenus, en étant certain que vous recevrez du contenu dans le bon format. Vous n'avez pas besoin de PRODUIRE quoi que ce soit vers ce contenu avant de vouloir le présenter aux utilisateurs.” [ Le Fabuleux Pouvoir des Microformats]
• “Aussi que seraient les microformats dans un navigateur web ? […] Les futurs navigateurs du Web vont probablement associer de données balisées sémantiquement que vous rencontrez sur le web avec des applications spécifiques, soit sur votre système ou en ligne. Ceci veut dire que l'information de contact que vous voyez sur un site Web sera associée avec votre application favorite de gestion de cartes de visite.” [ Mozilla Does Microformats]
• “L'idée est que par exemple dès que n'importe quelle page a une hCard sur elle, vous pouvez l'ajouter à votre carnet d'adresses, vous pouvez la synchroniser avec votre PDA, votre ordinateur portable et cela fait que l'information de contact, l'information personnelle est bien plus utile.” [Microformats: Evolving the Web]

Les Microformats sont déjà en cours d'utilisation !

• Edgeio.com (un blog d'affaires comme un niche pour les petites et grandes sociétés) Rubhub.com (détermine les relation entre les sites web et les personnes, scénarii : trouver des connexions alternatives pour les approvisionnements dans les chaînes de production, les libraires, les vendeurs de voitures, la gestion interne des contacts dans les grandes sociétés), Technorati.com (indexe hCard, hCalendar et hReview, et aussi les données cumulées sont mises à jour via des pings basés sur les événements)
• Les Microformats peuvent être utilisés dans les extensions Firefox (Tails, scripts Greasemonkey pour hCard, hCalendar, xFolks, etc.) et Extension pour le Blogging (Structured Blogging pour Wordpress)

Articles à propos des Microformats

• Microformateurs - C'est quoi les microformats?
  Conçus initialement pour des humains et ensuite pour les machines, les microformats sont un ensemble de formats de données, simples et ouverts, construits sur des standards existants et largement adoptés. La page web de référence.
• Digital Web Magazine - Microformats à la Source
  Article d'introduction sur les Microformats par Garrett Dimon
• Ajoutez la magie des microformats à votre site
  Vous avez déjà entendu parler du web sémantique ? L'utilisation des microformats par tous peut contribuer à la richesse du web. John Allsopp nous l'explique maintenant.
• Digital Web Magazine - La Vision d'Ensemble des Microformats
  “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.” par John Allsopp
• Microformats: Evolving the Web
  Jeremy Keith - Une transcription d'un panel dans lequel j'ai participé à South by Southwest 2006. Mes collègues panélistes sont Chris Messina et Norm ! Le modérateur est Tantek Çelik.
• Mozilla fait des Microformats : Le Navigateur Web comme Broker d'Information - Richard MacManus
• Des Formats de Données Conçus d'Abord pour les Humains
  Une présentation de Tantek Çelik
• Introduction aux Microformats
  Microformats : Introduction, Données structurées, Les Fondamentaux, Présentation d'Operator
• Microformats and the Decentralized Future of Online Marketing
  Alex Faaborg de Firefox a fait froncer quelques sourcils avec son article sur les Microformats et les possibilités qui existent pour ces plates-formes en terme d'implémentation navigateur
• Les Microformats Défient les Fils Web et les APIs !
  non seulement ils défient l'approche de toutes les caractéristiques nécessaires aux approches du Web Sémantique, mais remettent même en question les blocs de construction fondamentaux du Web 2.0 tels que les Fils Web et les APIs Web.
• The Awesome Power of Microformats
  Qu'est-ce que les Microformats ? par Kevin Lawver
• Microformats Utilisables
  Si vous êtes relativement néophyte avec les microformats, alors cet article a été écrit pour vous. Vous n'avez pas besoin ici de connaissance initiale pour comprendre ce qui se passe. par Andy Hume
• Microformats
  Microformats -Conçus d'abord pour les humains. par Prof. Dr. Mathias Weske

Outils Microformats

• Microformats Bookmarklet
  aide à extraire les hCards et hCalendars existants et affiche et stocke les contacts et événements existants.
• Tails Export
  Une extension pour Afficher et Présenter les Microformats. Actuellement cela supporte hCard [exportation vers un fichier .vcf], hCalendar [exportation vers un fichier .ics], hReview, xFolk et Rel-license.
• Highlight Microformats with CSS
  Ceux qui utilisent Firefox avec l'extension Tails, ne lisez pas plus loin. Ce n'est pas pour vous. Vous l'avez déjà sur un plateau et ne connaissez pas la chance que vous avez. Ceci est pour ceux qui utilisent Camino, Safari ou Omniweb.
• Operator
  Operator exploite les microformats déjà présents sur les pages web pour fournir de nouveaux moyens d'interagir avec les services Web. Il vous laisse combiner les morceaux d'information sur les sites Web avec des applications de façon qu'ils soient utiles. Vous pouvez par exemple disposer de Flickr + Google Maps, Upcoming.org + Google Calendar, Yahoo! Local + à votre carnet d'adresses et bien d'autres possibilités et permutations.
• Extensions Microformats Dreamweaver
  Microformats Dreamweaver extension (idéalement pour utilisation avec Dreamweaver 8, même si elle devrait fonctionner pour MX et les versions ultérieures) implémente quelques Objets Simples dans la Barre d'Insertion pour aider les utilisateurs de Dreamweaver  à ajouter des données hCalendar, hCard, rel-license, rel-tag et XFN à leurs documents. Après installation, vous trouverez une nouvelle catégorie Microformats dans votre Barre d'Insertion. Un support pour plus de formats reste à suivre, aussi revenez vérifier.
• microformats.css
  Un gabarit CSS pour les microformats existants, fondé sur l'anti-sèche microformats (PDF)
• Anti-sèche Microformats
  Cette anti-sèche Microformats couvre les Formats et Valeurs de iCalendar, hCalendar, hReview, vCard, hCard, RelLicense, RelTag, XFN.
• Anti-sèche Microformats
  Cette anti-sèche microformats liste les propriétés par format et liste aussi chaque format et la hiérarchie. Elle comprend les microformats élémentaires et composés, et quelques-uns des standards de design patterns utilisés
• Icônes Microformats
  L'ensemble de démarrage contient des icônes pour hCal, hResume, hCard, XFN et une icône générique de TAG.

Tutoriels, Introductions aux Microformats

• Tutorials sur les Microformats
  Cette série d'articles traite de nombreux aspects des Microformats, y compris la théorie basique et l'objectif des Microformats, hCard, hCalendar, AHAH, hReview, xFolk, hResume, XOXO et hAtom.
• Intro to microformats
  Dérouté, effaré, dénigré ? Mettons les choses au clair. Une introduction complète à la théorie et l'utilisation des Microformats.
• Introduction aux Microformats + un aperçu de hCard & hAtom
  Mike Jolley explique étape par étape, ce que sont les Microformats, comment ils peuvent être intégrés dans des pages web et comment vous pouvez améliorer l'efficacité de votre contenu en les utilisant.
• Pairing Wine and Microformats
  Microformats en Pratique : Dan Cederholm à propos de l'utilisation desMicroformats dans Cork’d.
• Microformats in Web Browsers
  Un concept pour placer l'interface utilisateur d'auto-découverte dans un navigateur web. Tout navigateur web (même si les ébauches ont été initialement conçues sous une extension Firefox). par Ben Ward
• Wikipedia : Microformats
  L'article sur Wikipedia
• Microformats en pratique
  Microformats à partir de zéro - un tutoriel complet de Ryan King et Brian Suda
• Utiliser les Microformats dans WordPress
  Il y a deux approches que vous pouvez prendre. L'une : coller manuellement le code microformats approprié via les créateurs de microformats. Les instructions étape par étape.

Blogs & Wikis

• Microformats.org
  Conçus tout d'abord pour les humains et pour les machines ensuite, les microformats sont un ensemble de formats simples et ouverts de données construites sur des standards existants et massivement adoptés. Apprenez-en plus à propos des microformats.
• Microformats Wiki
  Que sont les microformats ? Que pouvez-vous faire avec eux ?
• microformatique
  Microformatique est un blog non officiel couvrant toutes les choses sur les microformats, et les “data at the edges”. Les dernières spécifications, présentations, événements, publications et plus encore. Assemblé par John Allsopp

Tags :

• microformats
• microformateurs
• css
• semweb
• technique
• xhtml
• web 2.0

[Accueil > ]

Un billet en cours de traduction pour amorcer la communauté des microformateurs. S'il reste des anglicismes, des erreurs ou des fautes de grammaire, vous pouvez soit  les corriger directement sur la page wiki miroir.ou laisser un commentaire :

Cette page sera bientôt nettoyée et enrichie de liens microformatés pour être plus CHIC !