Synodiance > Microdata, Schema.org & Rich snippets - SEO Campus 2014 - 13/03/2014

16,756 views

Published on

Présentation SEO Campus 2014 sur l'état des lieux du balisage Schema.org :
- Origines
- Définition
- Enjeux (Rich Snippets & Knowledge Graph)
- Menace de la Google On Box Answer
- Applications Hors Search (Gmail, Pinterest)

Yann SAUVAGEON - https://twitter.com/yahn

Published in: Technology
0 Comments
17 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
16,756
On SlideShare
0
From Embeds
0
Number of Embeds
10,533
Actions
Shares
0
Downloads
85
Comments
0
Likes
17
Embeds 0
No embeds

No notes for slide

Synodiance > Microdata, Schema.org & Rich snippets - SEO Campus 2014 - 13/03/2014

  1. 1. Micro data, rich snippets, Schema.org – 13/03/2014
  2. 2. Qui suis-je ?
  3. 3. Qui suis-je ? (pour les robots) <div itemscope itemtype="http://schema.org/Person"> <div itemprop="name"><strong>Yann Sauvageon</strong></div> <div itemscope itemtype="http://schema.org/Organization"> <span itemprop="name">Synodiance</span></div> <div itemprop="jobtitle">Directeur Associé</div> <div itemprop="email">yann.sauvageon@synodiance.com</div> <div itemprop="telephone">0620119258</div> </div>
  4. 4. Sommaire Vers un web de données Schema.org Rich Snippets Things, not strings La menace ? Google Answer Box + que du Search Outils
  5. 5. Vers un web de données
  6. 6. Vers un web de données
  7. 7. Vers un web de données Jimmy Hendrix Seattle, Washington 27 novembre 1942 birthdate birthplace Guitariste type
  8. 8. Un peu d’histoire FOAF RDFa Syntaxes sémantiques Vocabulaires JSON-LD Microformats Microdonnées
  9. 9. Quelle est la proposition de valeur ? “Deal” entre les webmasters/SEOs et les outils de recherche Vous nous donnez des données = nous vous offrons des résultats de meilleures qualités.
  10. 10. Un peu d’histoire Mai 2008 > Yahoo! > Search Monkey
  11. 11. Un peu d’histoire Mai 2009 > Google > "Rich Snippets" Annonce officielle sur Google Official Blog
  12. 12. Origines Mais peu de webmasters jouent le jeu › Trop de choix limite l’adoption d’un balisage sémantique. › Plusieurs syntaxes › Syntaxes plus ou moins complexes › Confusion dans la mise en place › Des vocabulaires variés › Des vocabulaires dupliqués › Des vocabulaires sectorisés › 2010 = Moins de 0,5% des sites actifs sur la toile utilisent un balisage sémantique.
  13. 13. Origines Avril 2010 > HTML 5 › HTML 5 sort du bois > Lettre ouverte de Steve Jobs : « Thoughts on Flash » › “Rather than use Flash, Apple has adopted HTML5, CSS and JavaScript – all open standards.” › Microdonnées au coeur d’HTML5
  14. 14. Origines Juin 2011 > Création de Schema.org Annonce officielle sur Google Webmaster Central Blog Un vocabulaire commun Facile à intégrer
  15. 15. Origines Juin 2011 > Création de Schema.org Annonce officielle sur Google Webmaster Central Blog Un vocabulaire commun Facile à intégrer
  16. 16. Schema.org
  17. 17. Schema.org Annonce officielle sur Google Webmaster Central Blog Les BIG 3 en juin 2011 Nov. 2011Oct. 2011
  18. 18. Schema.org Microdonnées Schema.org Vocabulaire+Syntaxe= Fournit la sémantique RDFa Lite JSON-LD
  19. 19. Schema.org <div itemscope itemtype="http://schema.org/Person"> Syntaxe Microdonnées Vocabulaire Schema.org
  20. 20. Schema.org SEO Campus 2014 L'événement Search Marketing à ne pas manquer Début : 13/03/2014 Fin : 14/03/2014 L'Usine - 379 Avenue du Président Wilson Saint-Denis
  21. 21. Schema.org <a href="http://www.seo-campus.org"><strong>SEO Campus 2014</strong></a> <div> L'événement Search Marketing à ne pas manquer </div> <div> Début : 13/03/2014 </div> <div> Fin : 14/03/2014 </div> <div> L'Usine - 379 Avenue du Président Wilson </div> <div> Saint-Denis </div>
  22. 22. Schema.org <div itemscope itemtype="http://schema.org/BusinessEvent"> <a itemprop="url" href="http://www.seo-campus.org"> <div itemprop="name"><strong>SEO Campus 2014</strong></div> </a> <div itemprop="description">L'événement Search Marketing à ne pas manquer</div> <div><meta itemprop="startDate" content="2014-03-13">Début : 13/12/2014 <div> <div><meta itemprop="endDate" content="2014-03-14">Fin : 14/13/2014 </div> <div itemprop="location" itemscope itemtype="http://schema.org/PostalAddress"> <div itemprop="streetAddress">L'Usine - 379 Avenue du Président Wilson</div> <div><span itemprop="addressLocality"> Saint-Denis</span></div> </div> 1/ J’indique dans le div parent l’item (itemscope) et son type (itemtype).
  23. 23. Schema.org <div itemscope itemtype="http://schema.org/BusinessEvent"> <a itemprop="url" href="http://www.seo-campus.org"> <div itemprop="name"><strong>SEO Campus 2014</strong></div> </a> <div itemprop="description">L'événement Search Marketing à ne pas manquer</div> <div><meta itemprop="startDate" content="2014-03-13">Début : 13/12/2014 <div> <div><meta itemprop="endDate" content="2014-03-14">Fin : 14/13/2014 </div> <div itemprop="location" itemscope itemtype="http://schema.org/PostalAddress"> <div itemprop="streetAddress">L'Usine - 379 Avenue du Président Wilson</div> <div><span itemprop="addressLocality"> Saint-Denis</span></div> </div> 2/ je balise ensuite mes données clés avec les propriétés (itemprop) associées au type « BusinessEvent ».
  24. 24. Schema.org <div itemscope itemtype="http://schema.org/BusinessEvent"> <a itemprop="url" href="http://www.seo-campus.org"> <div itemprop="name"><strong>SEO Campus 2014</strong></div> </a> <div itemprop="description">L'événement Search Marketing à ne pas manquer</div> <div><meta itemprop="startDate" content="2014-03-13">Début : 13/12/2014 <div> <div><meta itemprop="endDate" content="2014-03-14">Fin : 14/13/2014 </div> <div itemprop="location" itemscope itemtype="http://schema.org/PostalAddress"> <div itemprop="streetAddress">L'Usine - 379 Avenue du Président Wilson</div> <div><span itemprop="addressLocality"> Saint-Denis</span></div> </div> 3/ cas particulier des types « embedded »
  25. 25. Schema.org Un vrai succès http://www.slideshare.net/BaltimoreNISO/niso-virtual-conference-the-semantic-web-coming-of-age-technologies-and-implementations 1.06.11 1.07.11 1.08.11 1.09.11 1.10.11 1.11.11 1.12.11 1.01.12 1.02.12 1.03.12 1.04.12 1.05.12 1.06.12 1.07.12 1.08.12 1.09.12 1.10.12 1.11.12 1.12.12 1.01.13 1.02.13 1.03.13 1.04.13 1.05.13 1.06.13 1.07.13 1.08.13 1.09.13 1.10.13 % urls
  26. 26. 15% des pages ont intégré Schema.org http://www.slideshare.net/BaltimoreNISO/niso-virtual-conference-the-semantic-web-coming-of-age-technologies-and-implementations
  27. 27. Schema.org Que peut-on décrire ? ~ 100 catégories au départ + 1 200 aujourd’hui
  28. 28. Schema.org Le vocabulaire évolue rapidement Sept. 2011 News Nov. 2011 Annonces d’emploi Novembre 2012 Ecommerce Juin 2012 Santé et Medical Publications Techniques Août 2013 Service civil Décembre 2013 Extension TV / Radio Février 2014 Sports 2011 2012 2013 2014
  29. 29. Schema.org http://schema.org/docs/full.html
  30. 30. Schema.org https://support.google.com/webmasters/topic/1088474?hl=en
  31. 31. Schema.org Plugins/ CMS Google Data Highlighter All In One Schema.org Rich Snippets Drupal 8 Début 2014 Librairie JMicrodata
  32. 32. Schema.org Google Data Highlighter
  33. 33. Schema.org Extension Mechanism Votre secteur n’est pas disponible dans schema.org. > Créez le et faites en la promotion via le mécanisme d’extension.
  34. 34. Rich Snippets
  35. 35. Rich Snippets > Video
  36. 36. Rich Snippets > Products Reviews
  37. 37. Rich Snippets > Events
  38. 38. Rich Snippets > Recipes
  39. 39. Rich Snippets > People
  40. 40. Rich Snippets > App
  41. 41. Rich Snippets http://fr.slideshare.net/marcustob/schemaorg-29467190
  42. 42. Rich Snippets CTR Rank  
  43. 43. Rich Snippets “Google doesn’t use markup for ranking purposes at this time—but rich snippets can make your web pages appear more prominently in search results, so you may see an increase in traffic.” https://support.google.com/webmasters/answer/1211158?hl=en
  44. 44. Rich Snippets https://support.google.com/webmasters/answer/1211158?hl=en
  45. 45. Things, not strings http://googleblog.blogspot.de/2012/05/introducing-knowledge-graph-things-not.html
  46. 46. Things, not strings “It’s why we’ve been working on an intelligent model—in geek-speak, a “graph”—that understands real-world entities and their relationships to one another: things, not strings.” http://googleblog.blogspot.de/2012/05/introducing-knowledge-graph-things-not.html
  47. 47. Things, not strings Thing > Place > TouristAttraction Thing > Place > LandmarksOrHistoricalBuildings
  48. 48. Things, not strings Thing > CreativeWork > Series > Actors
  49. 49. Things, not strings
  50. 50. Things, not strings
  51. 51. Things, not strings
  52. 52. Things, not strings
  53. 53. Things, not strings Sémantique+Confiance
  54. 54. Things, not strings Sémantique+ConfianceTrustRank Schema.org
  55. 55. Things, not strings “More reputable websites will get rich snippets while less reputable ones will see theirs removed.”
  56. 56. La menace ? Google Answer Box / Cards
  57. 57. Google Answer Box / Cards
  58. 58. Google Answer Box / Cards
  59. 59. Google Answer Box / Cards
  60. 60. Google Menus
  61. 61. Yandex Islands
  62. 62. C’est plus que du Search !
  63. 63. + que du Search > Schema.org / Email https://developers.google.com/gmail/actions/overview
  64. 64. + que du Search > Schema.org / Email https://developers.google.com/gmail/actions/overview Actions dans Gmail
  65. 65. + que du Search > Schema.org / Email https://developers.google.com/gmail/actions/overview Actions dans Gmail
  66. 66. + que du Search > Schema.org / Email https://developers.google.com/gmail/actions/overview
  67. 67. + que du Search > Schema.org / Email https://developers.google.com/gmail/actions/overview
  68. 68. + que du Search > Schema.org / Email https://developers.google.com/gmail/actions/overview Google NOW
  69. 69. + que du Search > Pinterest Rich Pins Produit / Recettes / Films / Articles / Lieux
  70. 70. Outils
  71. 71. Outils > Outil de test des données structurées http://www.google.com/webmasters/tools/richsnippets BING : http://www.bing.com/toolbox/markup-validator YANDEX : http://webmaster.yandex.ru/microtest.xml
  72. 72. Outils > GWT > Apparence > Données Structurées https://www.google.com/webmasters/tools/structured-data
  73. 73. Outils > GWT > Apparence > Données Structurées https://www.google.com/webmasters/tools/structured-data
  74. 74. Outils > Schema Creator http://schema-creator.org/
  75. 75. Conclusion
  76. 76. Conclusion TAKE-Aways › Balisez en Schema.org › Privilégiez le format microdonnées › Pour bénéficier des rich snippets › Mais également pour s’inscrire dans le knowledge graph › Le duo gagnant : confiance + sémantique › Si vous en avez les moyens, balisez plus que nécessaire. › Soyez patients › Si ça ne fonctionne pas : https://support.google.com/webmasters/contact/rich_snippets_feedback
  77. 77. Questions / Réponses MERCI ! Yann SAUVAGEON - @yahn SYNODIANCE - @synodiance
  78. 78. Sources Présentations › Rich Snippets: Beyond CTR - SMX Milan 2013 › www.slideshare.net/bastiangrimm/rich-snippets-beyond-ctr-smx-mailan-2013 › Schema.org and Semantic Tech - SMX West 2013 › www.slideshare.net/MatthewBrownPDX/schemaorg-and-semantic-tech-smx-west-2013 › Towards a web of Data - Ramanathan V. Guha, Google; Founder of Schema.org › www.slideshare.net/BaltimoreNISO/niso-virtual-conference-the-semantic-web-coming-of- age-technologies-and-implementations › The Web Comes Alive with Data! › http://fr.slideshare.net/jaymmyers/the-web-comes-alive-with-data-schemaorg-and- structured-data-on-the-web-past-present-potential
  79. 79. Sources Vidéos › Does the use of schema.org markup create a ranking benefit? › http://www.youtube.com/watch?v=OolDzztYwtQ › Light at the end of the Tunnel - Ramanathan V. Guha, Google › https://www.youtube.com/watch?v=oFY-0QoxBi8

×