Résultats de recherche améliorés avec les microdonnées HTML5

1. Microdonnées Résultats de recherche améliorés 28 février 2013, Rémy Savard www: remysavard.com Twiiter: @remysavard LinkedIn: /remysavard Microdonnées de Rémy Savard est mis à disposition selon les termes de la licence Creative Commons Attribution - Pas d’Utilisation Commerciale - Pas de Modiﬁcation 3.0 non transposé.jeudi 28 février 13

2. Rémy Savardjeudi 28 février 13

3. Système de documents hypertextes reliés entre eux accessibles via lInternet Photo par luc.viatourjeudi 28 février 13

4. Beaucoup de données Photo par Robert Scoblejeudi 28 février 13

5. Les données générées par la majorité des sites Web proviennent de bases de données structurées Photo par jose.jhgjeudi 28 février 13

6. Dans le HTML, les données perdent leurs structure Photo par jose.jhgjeudi 28 février 13

7. Ok, jaime conduire des Jaguarsjeudi 28 février 13

8. Photo par spellgagejeudi 28 février 13

9. Mon frère à vu une maman couguar!jeudi 28 février 13

10. Peut-être... Photo par dracobotanicusjeudi 28 février 13

11. Femme qui cherche des relations sexuelles avec des hommes considérablement plus jeunes X Wikipedia, Cougar (slang)jeudi 28 février 13

12. Document webjeudi 28 février 13

13. <p> Document webjeudi 28 février 13

14. <p> Document web <ul>jeudi 28 février 13

15. <p> Document web <ol> <ul>jeudi 28 février 13

16. <p> Document web <div> <ol> <ul>jeudi 28 février 13

17. <h1> <p> <article> <figure> <form> <meta> <a> <span> <img> Document web <table> <input> <div> <ol> <time> <link> <section> <ul> <video>jeudi 28 février 13

18. Create future friendly content Describe and structure the data to put the content at the right place and let dumb and smart devices understand it - Josh Clark, Web à Québec 2013jeudi 28 février 13

19. We need helps from the robots, they will manage the data - Josh Clark, Web à Québec 2013jeudi 28 février 13

20. Les données structurées deviennent des éléments de plus en plus important de lécosystème web. Google fait appel à des données structurées aﬁn de mettre en évidence certains types de contenu dans les résultats de recherche Introducing the Structured Data Dashboardjeudi 28 février 13

21. Un vocabulaire de balisage partagé qui permet de représenter les données contenus dans les sites Web Photo par zzpzajeudi 28 février 13

22. Un vocabulaire partagé Photo par lars hammarjeudi 28 février 13

23. Google, Bing, Yahoo! et Yandex utilisent tous schema.org comme vocabulaire de référence pour la compréhension des donnéesjeudi 28 février 13

24. Google, Bing, Yahoo! et Yandex utilisent tous schema.org comme vocabulaire de référence pour la compréhension des donnéesjeudi 28 février 13

25. Les types Catégorie de personnes ou de choses ayant des caractéristiques communesjeudi 28 février 13

26. Produits Les types Catégorie de personnes ou de choses ayant des caractéristiques communesjeudi 28 février 13

27. Produits Les types Catégorie de personnes ou de choses ayant des caractéristiques communes Événementsjeudi 28 février 13

28. Produits Films Les types Catégorie de personnes ou de choses ayant des caractéristiques communes Événementsjeudi 28 février 13

29. Recettes Produits Films Les types Catégorie de personnes ou de choses ayant des caractéristiques communes Événementsjeudi 28 février 13

30. Recettes Produits Films Les types Catégorie de personnes ou de choses ayant des caractéristiques communes Événements Personnesjeudi 28 février 13

31. Recettes Produits Films Les types Catégorie de personnes ou de choses ayant des caractéristiques communes Événements Organisations Personnesjeudi 28 février 13

32. Recettes Lieux Produits Films Les types Catégorie de personnes ou de choses ayant des caractéristiques communes Événements Organisations Personnesjeudi 28 février 13

33. Recettes Lieux Critiques Produits Films Les types Catégorie de personnes ou de choses ayant des caractéristiques communes Événements Organisations Personnesjeudi 28 février 13

34. Recettes Lieux Critiques Produits Films Les types Catégorie de personnes ou de choses ayant des caractéristiques communes Restaurants Événements Organisations Personnesjeudi 28 février 13

35. Recettes Lieux Critiques Produits Films Les types Catégorie de personnes ou de choses ayant des caractéristiques communes Restaurants Événements Organisations Personnes Applicationsjeudi 28 février 13

36. Balisage dimplémentation: Microdonnées (Il y a aussi les microformats et RDFa) Photo par f-l-e-xjeudi 28 février 13

37. Faciles à comprendre, mais noffrent pas un mécanisme dextensibilité et la réutilisation de lattribut "class" peut provoquer des conﬂits avec les CSS Frequently asked questions | schema.orgjeudi 28 février 13

38. RDFa est extensible et très expressif, mais la complexité de la langue a contribué au ralentissement de ladoption Frequently asked questions | schema.orgjeudi 28 février 13

39. Les microdonnées sont la plus récente norme à grande diffusion, créée avec HTML5. Bien équilibré entre lextensibilité et de la simplicité Frequently asked questions | schema.orgjeudi 28 février 13

40. Photo par 20th Century Foxjeudi 28 février 13

41. <div> <h1>Avatar</h1> <span>Director: James Cameron (born August 16, 1954)</span> <span>Science fiction</span> <a href="../movies/avatar-‐theatrical-‐trailer.html">Trailer</a> </div>jeudi 28 février 13

42. itemscope <div itemscope> <h1>Avatar</h1> <span>Director: James Cameron (born August 16, 1954)</span> <span>Science fiction</span> <a href="../movies/avatar-‐theatrical-‐trailer.html">Trailer</a> </div>jeudi 28 février 13

43. itemtype <div itemscope itemtype="http://schema.org/Movie "> <h1>Avatar</h1> <span>Director: James Cameron (born August 16, 1954)</span> <span>Science fiction</span> <a href="../movies/avatar-‐theatrical-‐trailer.html">Trailer</a> </div>jeudi 28 février 13

44. schema.org/Moviejeudi 28 février 13

45. schema.org/Moviejeudi 28 février 13

46. itemprop <div itemscope itemtype="http://schema.org/Movie"> <h1 itemprop="name">Avatar</h1> <span>Director: <span itemprop="director">James Cameron</span> (born August 16, 1954)</span> <span itemprop="genre">Science fiction</span> <a href="../movies/avatar-‐theatrical-‐trailer.html" itemprop="trailer">Trailer</a> </div>jeudi 28 février 13

47. Données imbriquées <div itemscope itemtype="http://schema.org/Movie"> <h1 itemprop="name">Avatar</h1> <div itemprop="director" itemscope itemtype="http://schema.org/ Person"> Director: <span itemprop="name">James Cameron</span> (born <span itemprop="birthDate">August 16, 1954)</span> </div> <span itemprop="genre">Science fiction</span> <a href="../movies/avatar-‐theatrical-‐trailer.html" itemprop="trailer">Trailer</a> </div>jeudi 28 février 13

48. value <div itemscope itemtype="http://schema.org/Movie"> <h1 itemprop="name">Avatar</h1> <div itemprop="director" itemscope itemtype="http://schema.org/ Person"> Director: <span itemprop="name">James Cameron</span> (born <span itemprop="birthDate" value="1954-‐04-‐16">August 16, 1954)</span> </div> <span itemprop="genre">Science fiction</span> <a href="../movies/avatar-‐theatrical-‐trailer.html" itemprop="trailer">Trailer</a> </div>jeudi 28 février 13

49. datetime <div itemscope itemtype="http://schema.org/Movie"> <h1 itemprop="name">Avatar</h1> <div itemprop="director" itemscope itemtype="http://schema.org/ Person"> Director: <span itemprop="name">James Cameron</span> (born <time itemprop="birthDate" datetime="1954-‐04-‐16">August 16, 1954)</time> </div> <span itemprop="genre">Science fiction</span> <a href="../movies/avatar-‐theatrical-‐trailer.html" itemprop="trailer">Trailer</a> </div>jeudi 28 février 13

50. itemref <div itemscope itemref="a" itemtype="http://schema.org/Movie"> <h1 itemprop="name">Avatar</h1> <div itemprop="director" itemscope itemtype="http://schema.org/ Person"> Director: <span itemprop="name">James Cameron</span> (born <time itemprop="birthDate" datetime="1954-‐04-‐16">August 16, 1954)</time> </div> <span itemprop="genre">Science fiction</span> <a href="../movies/avatar-‐theatrical-‐trailer.html" itemprop="trailer">Trailer</a> </div> <span id="a" itemprop="actor">Sam Worthington</span>jeudi 28 février 13

51. Représenter les données contenus dans les sites Web Photo par !/_PeacePlusOnejeudi 28 février 13

52. 1. Extraits enrichis 2. Google Knowledge Graph 3. Authorshipjeudi 28 février 13

53. Si Google interprète correctement le contenu de vos pages, nous pouvons créer des extraits enrichis Google, Extraits enrichisjeudi 28 février 13

54. Extraits enrichisjeudi 28 février 13

56. cake Extraits enrichisjeudi 28 février 13

58. Outil de test des données structurées Google, Outil de test des données structuréesjeudi 28 février 13

61. Le marqueur de données [...] permet à Google dinterpréter le format des données [...] il vous sufﬁt de baliser les champs de données sur votre site à laide de la souris Google, À propos du marqueur de donnéesjeudi 28 février 13

62. Utilisez des balises HTML si ... Vous voulez un contrôle explicite sur la façon dont Google comprend les événements, les recettes, ou dautres types de données sur votre site. La structure de votre site change fréquemment. Google, À propos du marqueur de donnéesjeudi 28 février 13

63. Utilisez le marqueur de données si ... Votre site afﬁche des données sur les événements. Vous nêtes pas encore prêt à engager des ressources pour la mise à jour des balises HTML. Google, À propos du marqueur de donnéesjeudi 28 février 13

64. We’re still in the early stages. We’re still at 1 percent of where we should be. - Larry Page, Google Google Knowledge Graph Larry Page on Google’s Knowledge Graphjeudi 28 février 13

65. 570 millions dobjets et 18 milliards de faits et les relations entre eux, à partir de sources telles que le CIA World Factbook, Wikipedia, et Freebase Google Knowledge Graph Larry Page on Google’s Knowledge Graphjeudi 28 février 13

66. Google Knowledge Graphjeudi 28 février 13

67. What to do in san francisco Google Knowledge Graphjeudi 28 février 13

70. popular movies of 2011 Google Knowledge Graphjeudi 28 février 13

73. montreal canadians Google Knowledge Graphjeudi 28 février 13

75. Authorship Photo par j-blockerjeudi 28 février 13

76. Authorshipjeudi 28 février 13

77. matt cutts Authorshipjeudi 28 février 13

78. Authorshipjeudi 28 février 13

79. Tableau de bord des données structurées Photo par N Stjernajeudi 28 février 13

80. Trois vues Site Type délément Page Introduction au tableau de bord des données structuréesjeudi 28 février 13

81. Site Introduction au tableau de bord des données structuréesjeudi 28 février 13

82. Type délément Introduction au tableau de bord des données structuréesjeudi 28 février 13

83. Page Introduction au tableau de bord des données structuréesjeudi 28 février 13

84. Est-ce que ça fonctionne vraiment ?jeudi 28 février 13

85. Best Buy ont implémentés des données structurées sur leur site, quelques mois plus tard, ils ont constatés une augmentation de 30% dans leurs résultats de recherche organique An Interview with Jay Myers, lead Development Enineer for Best Buyjeudi 28 février 13

86. Yahoo! à découvert que ceux qui avaient des extraits enrichis dans leurs résultats obtenaient une augmentation de 15% du taux de clic Yahoo! SearchMonkey Becomes More Mainstreamjeudi 28 février 13

87. Qui les utilisent présentement?jeudi 28 février 13

88. jeudi 28 février 13

89. Google Glass ? Photo par zugaldiajeudi 28 février 13

90. Siri ? Photo par topgoldjeudi 28 février 13

91. Vous ! Photo par AJC1jeudi 28 février 13

92. Microdonnées Résultats de recherche améliorés 28 février 2013, Rémy Savard www: remysavard.com Twiiter: @remysavard LinkedIn: /remysavard Microdonnées de Rémy Savard est mis à disposition selon les termes de la licence Creative Commons 70 Attribution - Pas d’Utilisation Commerciale - Pas de Modiﬁcation 3.0 non transposé.jeudi 28 février 13