synodiance > microdata, schema.org & rich snippets - seo campus 2014 - 13/03/2014

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">yann.sauvageon@synodiance.com</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