Your SlideShare is downloading. ×
Synodiance > Microdata, Schema.org & Rich snippets - SEO Campus 2014 - 13/03/2014
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

9,959
views

Published on

Présentation SEO Campus 2014 sur l'état des lieux du balisage Schema.org : …

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
9,959
On Slideshare
0
From Embeds
0
Number of Embeds
27
Actions
Shares
0
Downloads
77
Comments
0
Likes
17
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. Micro data, rich snippets, Schema.org – 13/03/2014
  • 2. Qui suis-je ?
  • 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. Sommaire Vers un web de données Schema.org Rich Snippets Things, not strings La menace ? Google Answer Box + que du Search Outils
  • 5. Vers un web de données
  • 6. Vers un web de données
  • 7. Vers un web de données Jimmy Hendrix Seattle, Washington 27 novembre 1942 birthdate birthplace Guitariste type
  • 8. Un peu d’histoire FOAF RDFa Syntaxes sémantiques Vocabulaires JSON-LD Microformats Microdonnées
  • 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. Un peu d’histoire Mai 2008 > Yahoo! > Search Monkey
  • 11. Un peu d’histoire Mai 2009 > Google > "Rich Snippets" Annonce officielle sur Google Official Blog
  • 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. 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. Origines Juin 2011 > Création de Schema.org Annonce officielle sur Google Webmaster Central Blog Un vocabulaire commun Facile à intégrer
  • 15. Origines Juin 2011 > Création de Schema.org Annonce officielle sur Google Webmaster Central Blog Un vocabulaire commun Facile à intégrer
  • 16. Schema.org
  • 17. Schema.org Annonce officielle sur Google Webmaster Central Blog Les BIG 3 en juin 2011 Nov. 2011Oct. 2011
  • 18. Schema.org Microdonnées Schema.org Vocabulaire+Syntaxe= Fournit la sémantique RDFa Lite JSON-LD
  • 19. Schema.org <div itemscope itemtype="http://schema.org/Person"> Syntaxe Microdonnées Vocabulaire Schema.org
  • 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. 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. 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. 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. 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. 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. 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. Schema.org Que peut-on décrire ? ~ 100 catégories au départ + 1 200 aujourd’hui
  • 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. Schema.org http://schema.org/docs/full.html
  • 30. Schema.org https://support.google.com/webmasters/topic/1088474?hl=en
  • 31. Schema.org Plugins/ CMS Google Data Highlighter All In One Schema.org Rich Snippets Drupal 8 Début 2014 Librairie JMicrodata
  • 32. Schema.org Google Data Highlighter
  • 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. Rich Snippets
  • 35. Rich Snippets > Video
  • 36. Rich Snippets > Products Reviews
  • 37. Rich Snippets > Events
  • 38. Rich Snippets > Recipes
  • 39. Rich Snippets > People
  • 40. Rich Snippets > App
  • 41. Rich Snippets http://fr.slideshare.net/marcustob/schemaorg-29467190
  • 42. Rich Snippets CTR Rank  
  • 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. Rich Snippets https://support.google.com/webmasters/answer/1211158?hl=en
  • 45. Things, not strings http://googleblog.blogspot.de/2012/05/introducing-knowledge-graph-things-not.html
  • 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. Things, not strings Thing > Place > TouristAttraction Thing > Place > LandmarksOrHistoricalBuildings
  • 48. Things, not strings Thing > CreativeWork > Series > Actors
  • 49. Things, not strings
  • 50. Things, not strings
  • 51. Things, not strings
  • 52. Things, not strings
  • 53. Things, not strings Sémantique+Confiance
  • 54. Things, not strings Sémantique+ConfianceTrustRank Schema.org
  • 55. Things, not strings “More reputable websites will get rich snippets while less reputable ones will see theirs removed.”
  • 56. La menace ? Google Answer Box / Cards
  • 57. Google Answer Box / Cards
  • 58. Google Answer Box / Cards
  • 59. Google Answer Box / Cards
  • 60. Google Menus
  • 61. Yandex Islands
  • 62. C’est plus que du Search !
  • 63. + que du Search > Schema.org / Email https://developers.google.com/gmail/actions/overview
  • 64. + que du Search > Schema.org / Email https://developers.google.com/gmail/actions/overview Actions dans Gmail
  • 65. + que du Search > Schema.org / Email https://developers.google.com/gmail/actions/overview Actions dans Gmail
  • 66. + que du Search > Schema.org / Email https://developers.google.com/gmail/actions/overview
  • 67. + que du Search > Schema.org / Email https://developers.google.com/gmail/actions/overview
  • 68. + que du Search > Schema.org / Email https://developers.google.com/gmail/actions/overview Google NOW
  • 69. + que du Search > Pinterest Rich Pins Produit / Recettes / Films / Articles / Lieux
  • 70. Outils
  • 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. Outils > GWT > Apparence > Données Structurées https://www.google.com/webmasters/tools/structured-data
  • 73. Outils > GWT > Apparence > Données Structurées https://www.google.com/webmasters/tools/structured-data
  • 74. Outils > Schema Creator http://schema-creator.org/
  • 75. Conclusion
  • 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. Questions / Réponses MERCI ! Yann SAUVAGEON - @yahn SYNODIANCE - @synodiance
  • 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. 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