Your SlideShare is downloading. ×
0
Micro data, rich snippets,
Schema.org – 13/03/2014
Qui suis-je ?
Qui suis-je ? (pour les robots)
<div itemscope itemtype="http://schema.org/Person">
<div itemprop="name"><strong>Yann Sauv...
Sommaire
Vers un web de données
Schema.org
Rich Snippets
Things, not strings
La menace ? Google Answer Box
+ que du Search...
Vers un web de données
Vers un web de données
Vers un web de données
Jimmy Hendrix
Seattle, Washington
27 novembre 1942
birthdate
birthplace
Guitariste
type
Un peu d’histoire
FOAF
RDFa
Syntaxes sémantiques Vocabulaires
JSON-LD
Microformats
Microdonnées
Quelle est la proposition de valeur ?
“Deal” entre les webmasters/SEOs et les
outils de recherche
Vous nous donnez des don...
Un peu d’histoire
Mai 2008 > Yahoo! > Search Monkey
Un peu d’histoire
Mai 2009 > Google > "Rich Snippets"
Annonce officielle sur Google Official Blog
Origines
Mais peu de webmasters jouent le jeu
› Trop de choix limite l’adoption d’un balisage sémantique.
› Plusieurs synt...
Origines
Avril 2010 > HTML 5
› HTML 5 sort du bois > Lettre ouverte de Steve Jobs : « Thoughts on Flash »
› “Rather than u...
Origines
Juin 2011 > Création de Schema.org
Annonce officielle sur Google Webmaster Central Blog
Un vocabulaire commun
Fac...
Origines
Juin 2011 > Création de Schema.org
Annonce officielle sur Google Webmaster Central Blog
Un vocabulaire commun
Fac...
Schema.org
Schema.org
Annonce officielle sur Google Webmaster Central Blog
Les BIG 3 en juin 2011
Nov. 2011Oct. 2011
Schema.org
Microdonnées
Schema.org Vocabulaire+Syntaxe=
Fournit la
sémantique
RDFa Lite
JSON-LD
Schema.org
<div itemscope itemtype="http://schema.org/Person">
Syntaxe
Microdonnées
Vocabulaire
Schema.org
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...
Schema.org
<a href="http://www.seo-campus.org"><strong>SEO Campus 2014</strong></a>
<div> L'événement Search Marketing à n...
Schema.org
<div itemscope itemtype="http://schema.org/BusinessEvent">
<a itemprop="url" href="http://www.seo-campus.org">
...
Schema.org
<div itemscope itemtype="http://schema.org/BusinessEvent">
<a itemprop="url" href="http://www.seo-campus.org">
...
Schema.org
<div itemscope itemtype="http://schema.org/BusinessEvent">
<a itemprop="url" href="http://www.seo-campus.org">
...
Schema.org
Un vrai succès
http://www.slideshare.net/BaltimoreNISO/niso-virtual-conference-the-semantic-web-coming-of-age-t...
15% des pages ont intégré Schema.org
http://www.slideshare.net/BaltimoreNISO/niso-virtual-conference-the-semantic-web-comi...
Schema.org
Que peut-on décrire ?
~ 100
catégories au
départ
+ 1 200
aujourd’hui
Schema.org
Le vocabulaire évolue rapidement
Sept. 2011
News
Nov. 2011
Annonces d’emploi
Novembre 2012
Ecommerce
Juin 2012
...
Schema.org
http://schema.org/docs/full.html
Schema.org
https://support.google.com/webmasters/topic/1088474?hl=en
Schema.org
Plugins/ CMS Google Data Highlighter
All In One Schema.org
Rich Snippets
Drupal 8
Début 2014
Librairie JMicroda...
Schema.org
Google Data Highlighter
Schema.org
Extension Mechanism
Votre secteur n’est pas disponible dans
schema.org. > Créez le et faites en la
promotion vi...
Rich Snippets
Rich Snippets > Video
Rich Snippets >
Products
Reviews
Rich Snippets > Events
Rich
Snippets
> Recipes
Rich Snippets > People
Rich Snippets > App
Rich Snippets
http://fr.slideshare.net/marcustob/schemaorg-29467190
Rich Snippets
CTR
Rank


Rich Snippets
“Google doesn’t use markup for
ranking purposes at this time—but rich
snippets can make your web pages
appea...
Rich Snippets
https://support.google.com/webmasters/answer/1211158?hl=en
Things, not strings
http://googleblog.blogspot.de/2012/05/introducing-knowledge-graph-things-not.html
Things, not strings
“It’s why we’ve been working on an
intelligent model—in geek-speak, a
“graph”—that understands real-wo...
Things, not strings
Thing > Place > TouristAttraction
Thing > Place > LandmarksOrHistoricalBuildings
Things, not strings
Thing > CreativeWork > Series > Actors
Things, not strings
Things, not strings
Things, not strings
Things, not strings
Things, not strings
Sémantique+Confiance
Things, not strings
Sémantique+ConfianceTrustRank Schema.org
Things, not strings
“More reputable websites will get rich snippets
while less reputable ones will see theirs removed.”
La menace ?
Google Answer Box / Cards
Google Answer Box / Cards
Google Answer Box / Cards
Google Answer Box / Cards
Google Menus
Yandex Islands
C’est plus que du Search !
+ que du Search > Schema.org / Email
https://developers.google.com/gmail/actions/overview
+ que du Search > Schema.org / Email
https://developers.google.com/gmail/actions/overview
Actions dans Gmail
+ que du Search > Schema.org / Email
https://developers.google.com/gmail/actions/overview
Actions dans Gmail
+ que du Search > Schema.org / Email
https://developers.google.com/gmail/actions/overview
+ que du Search > Schema.org / Email
https://developers.google.com/gmail/actions/overview
+ que du Search > Schema.org / Email
https://developers.google.com/gmail/actions/overview
Google NOW
+ que du
Search >
Pinterest Rich
Pins
Produit / Recettes /
Films / Articles /
Lieux
Outils
Outils > Outil de test des données structurées
http://www.google.com/webmasters/tools/richsnippets
BING : http://www.bing....
Outils > GWT > Apparence > Données Structurées
https://www.google.com/webmasters/tools/structured-data
Outils > GWT > Apparence > Données Structurées
https://www.google.com/webmasters/tools/structured-data
Outils > Schema Creator
http://schema-creator.org/
Conclusion
Conclusion
TAKE-Aways
› Balisez en Schema.org
› Privilégiez le format microdonnées
› Pour bénéficier des rich snippets
› M...
Questions / Réponses
MERCI !
Yann SAUVAGEON - @yahn
SYNODIANCE - @synodiance
Sources
Présentations
› Rich Snippets: Beyond CTR - SMX Milan 2013
› www.slideshare.net/bastiangrimm/rich-snippets-beyond-...
Sources
Vidéos
› Does the use of schema.org markup create a ranking benefit?
› http://www.youtube.com/watch?v=OolDzztYwtQ
...
Synodiance > Microdata, Schema.org & Rich snippets - SEO Campus 2014 - 13/03/2014
Upcoming SlideShare
Loading in...5
×

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

10,637

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
10,637
On Slideshare
0
From Embeds
0
Number of Embeds
27
Actions
Shares
0
Downloads
79
Comments
0
Likes
17
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×