HTML5 Microdata

Cet article a 2 années. Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci

Les microdatas apportés par HTML5 sont un nouveau pan des microformats que vous connaissez certainement déjà à travers les schémas réunis sur le site microformats.org. Les microdatas apportent leur lot de nouveautés au niveau des attributs, mais également au niveau des schémas et de leur prise en charge.

L’intérêt des microformats

Les microformats permettent de marquer (baliser) le contenu d’une page web pour en préciser les différents contenus, notamment leurs types et leurs formats. Cette manière de baliser le contenu est totalement invisible (par défaut) pour l’utilisateur, seuls certains programmes seront à même d’en tirer profit.

Il n’y a pas si longtemps, le compte Twitter de @FirefoxNightly annonçait l’implémentation de l’API Microdata au sein de Firefox.

L’utilisation de ce format est également fortement conseillé par Google.

Articles sur HTML5 Microdata

J’ai pris le temps d’écrire deux articles d’introduction aux microdatas HTML5, l’un sur le site de Jonathan Verrecchia sur HTML5 et CSS3 et l’autre plus à propos de l’implémentation de ces microformats sous WordPress sur le site SEOMix de Daniel Roch.

Introduction à HTML5 Microdata


Introduction à Microdata

Microformats et HTML5 Microdata pour WordPress


HTML5 Microdata et WordPress

Quelques outils

Voici quelques outils pour vous aider à la mise en place ou la découverte de Microdata.

Outils
  • schema.org – Schémas de microformatage de données promulgués par Google, Yahoo!, Bing et Yandex.
  • schema-creator.org – Permet de générer des portions de code microformatées avec HTML5 Microdata en respectant les schémas de schema.org
  • Webmaster Tool Rich Snippets – Permet de contrôler vos marquages et vous donne une liste de conseil d’optimisation.
Plugins et thèmes WordPress
  • Food Recipes Theme – Un thème WordPress optimisé pour les recettes de cuisine.
  • Microdata for SEO – plugin permettant d’insérer dans vos articles des formats bien précis.
  • Author hReview – plugin pour le support du microformat hReview dont microdata AggregateRating
  • Author Sure – plugin pour optimiser le bloc auteur en fin d’article.
  • Rich Contact Widget – plugin pour optimiser un bloc contact sous forme de widget

Bonne lecture !

Vous voulez encourager l'auteur ?

Don PayPalflattr this!

Laissez-moi un petit mail pour que je puisse vous remercier.

8 commentaires sur “HTML5 Microdata”

  1. Rémy dit :
    22 juillet 2012

    /!\ auto-promo

    Et mon plugin à moi pour un widget de contact avec microdata ! http://wordpress.org/extend/plugins/rich-contact-widget/

    • Geoffrey dit :
      22 juillet 2012

      Merci ! Je vais l’ajouter directement à l’article :)

  2. nonos dit :
    22 juillet 2012

    Bonjour,

    et merci ! Je ne connaissais pas « itemref », et devait pour le remplacer faire toutes sortes de convolutions et d’emplois de « meta », voilà qui est une bonne nouvelle.
    Remarquez, quand quelque chose de si important n’existe pas, c’est souvent … qu’on a mal cherché » ^^’ … ceci dit, les références à itemref sont rares, et si on les cherche en Français, vous devez être le seul actuellement (je n’exagère à peine).

    c’est toute la différence entre ceux qui pratiquent vraiment et qui sont de bons pédagogues, et les autres.

    Merci donc encore une fois, et bonne journée !

  3. jojaba dit :
    15 septembre 2012

    Attention à ne pas mettre dans le même panier Microformats et Microdatas. Les Microdatas ont vu le jour avec l’avènement de HTML 5 alors que les Microformats existent depuis 2003.
    Mon tutoriel sur les Microformats sur Alsacréations : http://www.alsacreations.com/tuto/lire/1213-microformats-introduction.html
    Microformat 2 a vu le jour en juillet dernier : http://www.alsacreations.com/actu/lire/1472-microformats-2.html
    Ce que dit Google à propos des Rich Snippets (extraits enrichis) : http://support.google.com/webmasters/bin/answer.py?hl=fr&answer=99170&topic=1088472&ctx=topic
    ;)

    • Geoffrey dit :
      15 septembre 2012

      Hello,

      Oui je connais tout cela. Tes articles passent entre mes mains :)

      Où as-tu lu une confusion dans mes propos ? Je parle généralement de microformats pour introduire microdata bien souvent, mais je ne pense pas les mélanger ou confondre, sauf lapsus de ma part.

      Merci pour les liens je vais les rajouter aux sources et liens utiles.
      Bon week-end.

  4. Manel dit :
    9 janvier 2013

    Vous parlez de l’intérêt des microformats du point de vue utilisateur. Qu’en est t -il pour le référencement?

    • Geoffrey dit :
      9 janvier 2013

      Bonjour,
      En parlant de microdata, notamment de l’utilisation de schema.org, je pense qu’on parle naturellement de référencement. L’aspect utilisateur réside éventuellement dans la présentation des résultats de recherche de Google.

Laisser un commentaire

Certains codes HTML ne sont pas échappés automatiquement. Pour afficher du code dans votre commentaire, merci d'échapper vos chevrons en utilisant "&lt;" et "&gt;" en lieu et place de "<"" et ">".

Il est difficile de proposer un support pour tous les articles de ce blog. En ne fournissant pas un moyen de consulter votre code bogué, vous vous assurez de ne pas avoir de réponse adaptée. Utilisez CodePen.io à défaut d'une page web.

 
Le studio web