Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Structurez vos données avec les microdata

Structurez vos données avec les microdata

Introduction aux microdata, leur utilité actuelle et future, et la façon de les inclure facilement dans son code HTML.

88b86122eac77b19d61d1caa687dc3de?s=128

Pierre-Emmanuel Fringant

March 08, 2013
Tweet

More Decks by Pierre-Emmanuel Fringant

Other Decks in Programming

Transcript

  1. Structurez vos données avec les microdata Pierre-Emmanuel Fringant http://www.mh-communication.fr @pefringant

  2. Microdata ? • Librairie d'annotations de données • Ajoutées dans

    les balises HTML • Prises en compte par Bing, Google, Yahoo et Yandex
  3. Pour quoi faire ? • Qualifier des entités avec des

    annotations valuées • Etablir des relations entre ces entités
  4. Mais concrètement ? • Apparaître dans les Rich Snippets •

    Apparaître dans le Google Knowledge Graph • Être prêt pour les futurs outils d'indexation sémantique
  5. Rich Snippet

  6. Rich Snippet

  7. Rich Snippet

  8. Rich Snippet

  9. Knowledge Graph

  10. None
  11. Sources du Knowledge Graph • Wikipédia • Freebase, racheté en

    2010 • Sources thématiques de confiance • Google+ • Recherches des autres internautes • Microdata de son index
  12. Avenir du Knowledge Graph

  13. Comment faire ? 1. Identifier l'entité voulue dans schema.org 2.

    Insérer les annotations dans le code HTML 3. Vérifier avec un outil d'extraction de microdata
  14. 1. Trouver le bon schéma

  15. 2. Compléter le HTML

  16. 3. Vérifier

  17. Aucun schéma ne correspond ? • GoodRelations • Créer son

    propre schéma • Diffuser et faire adopter son schéma
  18. Aucun schéma ne correspond ?

  19. Schema.org

  20. GoodRelations

  21. Implémentation

  22. Boîte à outils • Schema.org http://www.schema.org • Extension pour Chrome

    : Microdata Reveal https://chrome.google.com/webstore/detail/microdatareveal/olapakiakkblfdaajcifgldandnikpdh • Google Rich Snippet Tool http://www.google.com/webmasters/tools/richsnippets • Live Microdata http://foolip.org/microdatajs/live/ • GoodRelations http://purl.org/goodrelations/
  23. Rich Snippet Tool

  24. Live Microdata

  25. Inconvénients des microdata • Exploitation floue et mouvante • schema.org

    n'est pas exhaustif • Parmi ces schémas, seuls certains sont exploités
  26. Avantages des microdata • Implémentation facile, rapide et libre •

    Contribution très ouverte • Amènent naturellement de la rigueur dans la structuration du contenu • Définies et exploitées par les leaders du secteur • Préparent l'avenir de l'indexation
  27. Des questions ? pierre.fringant@gmail.com http://www.mh-communication.fr @pefringant