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

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

61. Google Menus

62. Yandex Islands

63. C’est plus que du Search !

64. + que du Search > Schema.org / Email
https://developers.google.com/gmail/actions/overview

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
Actions dans Gmail

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

69. + que du Search > Schema.org / Email
https://developers.google.com/gmail/actions/overview
Google NOW

70. + que du
Search >
Pinterest Rich
Pins
Produit / Recettes /
Films / Articles /
Lieux

71. Outils

72. 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

73. Outils > GWT > Apparence > Données Structurées
https://www.google.com/webmasters/tools/structured-data

74. Outils > GWT > Apparence > Données Structurées
https://www.google.com/webmasters/tools/structured-data

75. Outils > Schema Creator
http://schema-creator.org/

76. Conclusion

77. 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

78. Questions / Réponses
MERCI !
Yann SAUVAGEON - @yahn
SYNODIANCE - @synodiance

79. 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

80. 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