synodiance > microdata, schema.org & rich snippets - seo campus 2014 - 13/03/2014
DESCRIPTION
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/yahnTRANSCRIPT
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 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">[email protected]</div> <div itemprop="telephone">0620119258</div> </div>
Sommaire
Vers un web de données Schema.org Rich Snippets Things, not strings La menace ? Google Answer Box + que du Search Outils
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 données = nous vous offrons des résultats de meilleures
qualités.
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 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.
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
Origines
Juin 2011 > Création de Schema.org
Annonce officielle sur Google Webmaster Central Blog
Un vocabulaire commun
Facile à intégrer
Origines
Juin 2011 > Création de Schema.org
Annonce officielle sur Google Webmaster Central Blog
Un vocabulaire commun
Facile à intégrer
Schema.org
Schema.org
Annonce officielle sur Google Webmaster Central Blog
Les BIG 3 en juin 2011
Nov. 2011 Oct. 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 Avenue du Président Wilson Saint-Denis
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>
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).
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 ».
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 »
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
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
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 Santé et Medical Publications Techniques
Août 2013 Service civil Décembre 2013 Extension TV / Radio
Février 2014 Sports
2011 2012 2013 2014
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 JMicrodata
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 via le mécanisme d’extension.
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 appear more prominently in search results, so you may see an increase in traffic.”
https://support.google.com/webmasters/answer/1211158?hl=en
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-world entities and their relationships to one another: things, not strings.”
http://googleblog.blogspot.de/2012/05/introducing-knowledge-graph-things-not.html
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 + Confiance TrustRank 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.com/toolbox/markup-validator YANDEX : http://webmaster.yandex.ru/microtest.xml
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 › 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
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-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
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