Your SlideShare is downloading. ×
  • Like
Résultats de recherche améliorés avec les microdonnées HTML5
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

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

  • 883 views
Published

Les microdonnées HTML5 permettent d’associer des libellés à des contenus afin de décrire un type d'information spécifique (événement, personne, etc.) et aident les moteurs de recherche à mieux …

Les microdonnées HTML5 permettent d’associer des libellés à des contenus afin de décrire un type d'information spécifique (événement, personne, etc.) et aident les moteurs de recherche à mieux comprendre les pages Web, d'où de meilleurs résultats. Présentation, avantages, utilisations et exemple de codes seront les contenus de cet présentation.

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
883
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
20
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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 Modification 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 afin 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 conflits 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
  • 55. Extraits enrichisjeudi 28 février 13
  • 56. cake Extraits enrichisjeudi 28 février 13
  • 57. 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
  • 59. Outil de test des données structurées Google, Outil de test des données structuréesjeudi 28 février 13
  • 60. 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 suffit 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 affiche 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
  • 68. Google Knowledge Graphjeudi 28 février 13
  • 69. Google Knowledge Graphjeudi 28 février 13
  • 70. popular movies of 2011 Google Knowledge Graphjeudi 28 février 13
  • 71. Google Knowledge Graphjeudi 28 février 13
  • 72. Google Knowledge Graphjeudi 28 février 13
  • 73. montreal canadians Google Knowledge Graphjeudi 28 février 13
  • 74. 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 Modification 3.0 non transposé.jeudi 28 février 13