Microdonnées        Résultats de recherche améliorés        28 février 2013, Rémy Savard        www: remysavard.com       ...
Rémy Savardjeudi 28 février 13
Système de documents hypertextes reliés entre eux                   accessibles via lInternet                            P...
Beaucoup de données                            Photo par Robert Scoblejeudi 28 février 13
Les données générées par la majorité des sites Web         proviennent de bases de données structurées                    ...
Dans le HTML, les données perdent leurs structure                              Photo par jose.jhgjeudi 28 février 13
Ok, jaime conduire des Jaguarsjeudi 28 février 13
Photo par spellgagejeudi 28 février 13
Mon frère à vu une maman couguar!jeudi 28 février 13
Peut-être...                       Photo par dracobotanicusjeudi 28 février 13
Femme qui cherche des relations sexuelles avec des         hommes considérablement plus jeunes                        X   ...
Document webjeudi 28 février 13
<p>                            Document webjeudi 28 février 13
<p>                            Document web                                           <ul>jeudi 28 février 13
<p>                            Document web                                   <ol>                                        ...
<p>                              Document web                      <div>          <ol>                                    ...
<h1>                       <p>               <article>                                                        <figure>    ...
Create future friendly content                        Describe and structure the data to put                           the...
We need helps from the robots,                        they will manage the data                              - Josh Clark,...
Les données structurées deviennent des éléments de        plus en plus important de lécosystème web.        Google fait ap...
Un vocabulaire de balisage partagé qui permet de    représenter les données contenus dans les sites Web                   ...
Un vocabulaire partagé                             Photo par lars hammarjeudi 28 février 13
Google, Bing, Yahoo! et Yandex             utilisent tous schema.org comme vocabulaire de              référence pour la c...
Google, Bing, Yahoo! et Yandex             utilisent tous schema.org comme vocabulaire de              référence pour la c...
Les types            Catégorie de personnes ou de choses ayant des                      caractéristiques communesjeudi 28 ...
Produits                               Les types            Catégorie de personnes ou de choses ayant des                 ...
Produits                               Les types            Catégorie de personnes ou de choses ayant des                 ...
Produits                                              Films                               Les types            Catégorie d...
Recettes                      Produits                                              Films                               Le...
Recettes                      Produits                                              Films                               Le...
Recettes                      Produits                                              Films                               Le...
Recettes                      Lieux                        Produits                                                Films  ...
Recettes                      Lieux                                      Critiques                        Produits        ...
Recettes                      Lieux                                   Critiques                        Produits           ...
Recettes                      Lieux                                      Critiques                        Produits        ...
Balisage dimplémentation: Microdonnées                               (Il y a aussi les microformats et RDFa)              ...
Faciles à comprendre, mais noffrent pas un   mécanisme dextensibilité et la réutilisation de lattribut     "class" peut pr...
RDFa est extensible et très expressif, mais la                         complexité de la langue a contribué                ...
Les microdonnées sont la plus récente norme               à grande diffusion, créée avec HTML5.         Bien équilibré ent...
Photo par 20th Century Foxjeudi 28 février 13
<div>             <h1>Avatar</h1>             <span>Director:	  James	  Cameron	  (born	  August	  16,	  1954)</span>     ...
itemscope         <div	  itemscope>              <h1>Avatar</h1>              <span>Director:	  James	  Cameron	  (born	  ...
itemtype         <div	  itemscope	  itemtype="http://schema.org/Movie         ">              <h1>Avatar</h1>             ...
schema.org/Moviejeudi 28 février 13
schema.org/Moviejeudi 28 février 13
itemprop         <div	  itemscope	  itemtype="http://schema.org/Movie">              <h1	  itemprop="name">Avatar</h1>    ...
Données imbriquées         <div	  itemscope	  itemtype="http://schema.org/Movie">              <h1	  itemprop="name">Avata...
value         <div	  itemscope	  itemtype="http://schema.org/Movie">              <h1	  itemprop="name">Avatar</h1>       ...
datetime         <div	  itemscope	  itemtype="http://schema.org/Movie">              <h1	  itemprop="name">Avatar</h1>    ...
itemref         <div	  itemscope	  itemref="a"	  itemtype="http://schema.org/Movie">              <h1	  itemprop="name">Av...
Représenter les données                      contenus dans les sites Web                               Photo par !/_PeaceP...
1. Extraits enrichis                      2. Google Knowledge Graph                              3. Authorshipjeudi 28 fév...
Si Google interprète correctement le contenu de vos         pages, nous pouvons créer des extraits enrichis               ...
Extraits enrichisjeudi 28 février 13
Extraits enrichisjeudi 28 février 13
cake                             Extraits enrichisjeudi 28 février 13
Extraits enrichisjeudi 28 février 13
Outil de test des données structurées                                Google, Outil de test des données structuréesjeudi 28...
Outil de test des données structurées                                Google, Outil de test des données structuréesjeudi 28...
Outil de test des données structurées                                Google, Outil de test des données structuréesjeudi 28...
Le marqueur de données [...] permet à Google                     dinterpréter le format des données [...]                i...
Utilisez des balises HTML si ...        Vous voulez un contrôle explicite sur la façon dont        Google comprend les évé...
Utilisez le marqueur de données si ...    Votre site affiche des données sur les événements.  Vous nêtes pas encore prêt à ...
We’re still in the early stages.                We’re still at 1 percent of where we should be.                           ...
570 millions dobjets et                      18 milliards de faits et les relations entre eux,                            ...
Google Knowledge Graphjeudi 28 février 13
What to do in san francisco                           Google Knowledge Graphjeudi 28 février 13
Google Knowledge Graphjeudi 28 février 13
Google Knowledge Graphjeudi 28 février 13
popular movies of 2011                           Google Knowledge Graphjeudi 28 février 13
Google Knowledge Graphjeudi 28 février 13
Google Knowledge Graphjeudi 28 février 13
montreal canadians                           Google Knowledge Graphjeudi 28 février 13
Google Knowledge Graphjeudi 28 février 13
Authorship                        Photo par j-blockerjeudi 28 février 13
Authorshipjeudi 28 février 13
matt cutts                                   Authorshipjeudi 28 février 13
Authorshipjeudi 28 février 13
Tableau de bord des données structurées                                      Photo par N Stjernajeudi 28 février 13
Trois vues                                Site                           Type délément                                Page...
Site                      Introduction au tableau de bord des données structuréesjeudi 28 février 13
Type délément                      Introduction au tableau de bord des données structuréesjeudi 28 février 13
Page                      Introduction au tableau de bord des données structuréesjeudi 28 février 13
Est-ce que ça fonctionne vraiment ?jeudi 28 février 13
Best Buy ont implémentés des données structurées               sur leur site, quelques mois plus tard,           ils ont c...
Yahoo! à découvert que ceux qui avaient des extraits         enrichis dans leurs résultats obtenaient une            augme...
Qui les utilisent présentement?jeudi 28 février 13
jeudi 28 février 13
Google Glass ?                          Photo par zugaldiajeudi 28 février 13
Siri ?                      Photo par topgoldjeudi 28 février 13
Vous !                      Photo par AJC1jeudi 28 février 13
Microdonnées        Résultats de recherche améliorés        28 février 2013, Rémy Savard        www: remysavard.com       ...
Prochain SlideShare
Chargement dans…5
×

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

2 016 vues

Publié le

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.

Publié dans : Technologie
0 commentaire
2 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
2 016
Sur SlideShare
0
Issues des intégrations
0
Intégrations
29
Actions
Partages
0
Téléchargements
31
Commentaires
0
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

  1. 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. 2. Rémy Savardjeudi 28 février 13
  3. 3. Système de documents hypertextes reliés entre eux accessibles via lInternet Photo par luc.viatourjeudi 28 février 13
  4. 4. Beaucoup de données Photo par Robert Scoblejeudi 28 février 13
  5. 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. 6. Dans le HTML, les données perdent leurs structure Photo par jose.jhgjeudi 28 février 13
  7. 7. Ok, jaime conduire des Jaguarsjeudi 28 février 13
  8. 8. Photo par spellgagejeudi 28 février 13
  9. 9. Mon frère à vu une maman couguar!jeudi 28 février 13
  10. 10. Peut-être... Photo par dracobotanicusjeudi 28 février 13
  11. 11. Femme qui cherche des relations sexuelles avec des hommes considérablement plus jeunes X Wikipedia, Cougar (slang)jeudi 28 février 13
  12. 12. Document webjeudi 28 février 13
  13. 13. <p> Document webjeudi 28 février 13
  14. 14. <p> Document web <ul>jeudi 28 février 13
  15. 15. <p> Document web <ol> <ul>jeudi 28 février 13
  16. 16. <p> Document web <div> <ol> <ul>jeudi 28 février 13
  17. 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. 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. 19. We need helps from the robots, they will manage the data - Josh Clark, Web à Québec 2013jeudi 28 février 13
  20. 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. 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. 22. Un vocabulaire partagé Photo par lars hammarjeudi 28 février 13
  23. 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. 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. 25. Les types Catégorie de personnes ou de choses ayant des caractéristiques communesjeudi 28 février 13
  26. 26. Produits Les types Catégorie de personnes ou de choses ayant des caractéristiques communesjeudi 28 février 13
  27. 27. Produits Les types Catégorie de personnes ou de choses ayant des caractéristiques communes Événementsjeudi 28 février 13
  28. 28. Produits Films Les types Catégorie de personnes ou de choses ayant des caractéristiques communes Événementsjeudi 28 février 13
  29. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 40. Photo par 20th Century Foxjeudi 28 février 13
  41. 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. 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. 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. 44. schema.org/Moviejeudi 28 février 13
  45. 45. schema.org/Moviejeudi 28 février 13
  46. 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. 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. 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. 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. 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. 51. Représenter les données contenus dans les sites Web Photo par !/_PeacePlusOnejeudi 28 février 13
  52. 52. 1. Extraits enrichis 2. Google Knowledge Graph 3. Authorshipjeudi 28 février 13
  53. 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. 54. Extraits enrichisjeudi 28 février 13
  55. 55. Extraits enrichisjeudi 28 février 13
  56. 56. cake Extraits enrichisjeudi 28 février 13
  57. 57. Extraits enrichisjeudi 28 février 13
  58. 58. Outil de test des données structurées Google, Outil de test des données structuréesjeudi 28 février 13
  59. 59. Outil de test des données structurées Google, Outil de test des données structuréesjeudi 28 février 13
  60. 60. Outil de test des données structurées Google, Outil de test des données structuréesjeudi 28 février 13
  61. 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. 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. 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. 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. 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. 66. Google Knowledge Graphjeudi 28 février 13
  67. 67. What to do in san francisco Google Knowledge Graphjeudi 28 février 13
  68. 68. Google Knowledge Graphjeudi 28 février 13
  69. 69. Google Knowledge Graphjeudi 28 février 13
  70. 70. popular movies of 2011 Google Knowledge Graphjeudi 28 février 13
  71. 71. Google Knowledge Graphjeudi 28 février 13
  72. 72. Google Knowledge Graphjeudi 28 février 13
  73. 73. montreal canadians Google Knowledge Graphjeudi 28 février 13
  74. 74. Google Knowledge Graphjeudi 28 février 13
  75. 75. Authorship Photo par j-blockerjeudi 28 février 13
  76. 76. Authorshipjeudi 28 février 13
  77. 77. matt cutts Authorshipjeudi 28 février 13
  78. 78. Authorshipjeudi 28 février 13
  79. 79. Tableau de bord des données structurées Photo par N Stjernajeudi 28 février 13
  80. 80. Trois vues Site Type délément Page Introduction au tableau de bord des données structuréesjeudi 28 février 13
  81. 81. Site Introduction au tableau de bord des données structuréesjeudi 28 février 13
  82. 82. Type délément Introduction au tableau de bord des données structuréesjeudi 28 février 13
  83. 83. Page Introduction au tableau de bord des données structuréesjeudi 28 février 13
  84. 84. Est-ce que ça fonctionne vraiment ?jeudi 28 février 13
  85. 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. 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. 87. Qui les utilisent présentement?jeudi 28 février 13
  88. 88. jeudi 28 février 13
  89. 89. Google Glass ? Photo par zugaldiajeudi 28 février 13
  90. 90. Siri ? Photo par topgoldjeudi 28 février 13
  91. 91. Vous ! Photo par AJC1jeudi 28 février 13
  92. 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

×