41
Les "Rich snippets" Olivier Andrieu (Abondance) SEO CAMPUS 1er mars 2011 [email protected] http://www.abondance.com/

SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Embed Size (px)

DESCRIPTION

Plus sur http://seo-camp.orgSur le site d'Olivier Andrieu : http://goo.gl/pnNtC

Citation preview

Page 1: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Olivier Andrieu (Abondance)

SEO CAMPUS

1er mars [email protected]

http://www.abondance.com/

Page 2: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", c'est quoi ?

Page 3: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", c'est quoi ?

Du "snippet" classique…

Page 4: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", c'est quoi ?

Du "snippet" classique…

Au "rich snippet"…

Page 5: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", c'est quoi ?

Une nouvelle façon de mettre en valeur sa page dans les SERP

Page 6: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", c'est quoi ?

Une idée pas si neuve que ça (offre "Listing Enhancements" ou "Affichage optimal" sur AltaVista en novembre 2001)…

Sources : http://actu.abondance.com/actu0145.html#vendredihttp://web.archive.org/web/20021003204737/http://fr.altavista.com/submit/le

Page 7: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", c'est quoi ?

Une idée pas si neuve que ça (offre "Open Search Platform" ou "Search Monkey" sur Yahoo! en février 2008)…

Sources : http://actu.abondance.com/2008/02/open-search-platform-yahoo-ouvre-ses.htmlhttp://web.archive.org/web/20080720015311/http://tools.search.yahoo.com/newsearch/open.html

Page 8: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", c'est quoi ?

Pour arriver aux"rich snippets"de Google en mai 2009…

Sources : http://actu.abondance.com/2009/05/nouvelles-fonctionnalites-sur-la.htmlhttp://googlewebmastercentral.blogspot.com/2009/05/introducing-rich-snippets.html

Page 9: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", c'est quoi ?

Puis les "Tiles" ou "indicateurs visuels" de Bing en février 2011…

Sources : http://actu.abondance.com/2011/02/bing-renforce-laffichage-des-facebook.htmlhttp://www.seomoz.org/blog/director-of-bing-discusses-holistic-search-and-clickstream-data-whiteboard-friday

Page 10: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", comment ça marche ?

Page 11: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", comment ça marche ?

Indiquer dans le code source de la page les informations à afficher dans un des 3 formats proposés : Microformats, Microdonnées et RDFa

Source : http://www.google.com/support/webmasters/bin/answer.py?hl=fr&answer=99170

Microdonnées (microdata : http://en.wikipedia.org/wiki/Mi

crodata_%28HTML5%29)

<div> Je m'appelle Pierre Dumoulin, mais on m'appelle Pierrot. Voici ma page d'accueil : <a href="http://www.example.com">www.example.com</a> J'habite à Strasbourg, en Alsace, et je suis ingénieur chez Tartampion.</div>

<div itemscope itemtype="http://data-vocabulary.org/Person"> Je m'appelle <span itemprop="name">Pierre Dumoulin</span> mais on m'appelle <span itemprop="nickname">Pierrot</span>. Voici ma page d'accueil : <a href="http://www.example.com" itemprop="url">www.example.com</a> J'habite à Strasbourg, en Alsace, et je suis <span itemprop="title">ingénieur</span> chez <span itemprop="affiliation">Tartampion</span>. </div>

HTML classique

Page 12: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", comment ça marche ?

Indiquer dans le code source de la page les informations à afficher dans un des 3 formats proposés : Microformats, Microdonnées et RDFa

Source : http://www.google.com/support/webmasters/bin/answer.py?answer=146897

Microformat (http://microformats.org/)

<div> <img src="www.example.com/pierredumoulin.jpg" /> <strong>Pierre Dumoulin</strong> Ingénieur chez Tartampion 12 rue des plantes Villeperdue, XY 12345</div>

<div class="vcard"> <img class="photo" src="www.example.com/pierredumoulin.jpg" /> <strong class="fn">Pierre Dumoulin</strong> <span class="title">Ingénieur</span> chez <span class="org">Tartampion</span> <span class="adr"> <span class="street-address">12 rue des plantes</span> <span class="locality">Villeperdue</span>, <span class="region">XY</span> <span class="postal-code">12345</span> </span></div>

HTML classique

Attention aux conflits avec les CSS !

Page 13: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", comment ça marche ?

Indiquer dans le code source de la page les informations à afficher dans un des 3 formats proposés : Microformats, Microdonnées et RDFa

Source : http://www.google.com/support/webmasters/bin/answer.py?answer=146898

RDFa(http://rdfa.info/)

<div>Je m'appelle Pierre Dumoulin, mais on m'appelle Pierrot. Voici ma page d'accueil : <a href="http://www.example.com">www.example.com</a>.J'habite à Strasbourg, en Alsace, et je suis ingénieur chez Tartampion.</div>

<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Person"> Je m'appelle <span property="v:name">Pierre Dumoulin</span>, mais on m'appelle <span property="v:nickname">Pierrot</span>. Voici ma page d'accueil : <a href="http://www.example.com" rel="v:url">www.example.com</a>. J'habite à Strasbourg, en Alsace, et je suis<span property="v:title">ingénieur</span> chez <span property="v:affiliation">Tartampion</span>.</div>

HTML classique

Page 14: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", comment ça marche ?

Microformats, Microdonnées et RDFa :Quel format choisir ?

- Il n'existe pas de format "idéal" (Google réfléchirait d'ailleurs à en proposer un 4ème, qui lui serait propre). - Chacun choisira selon ses besoins et attentes. Les 3 fonctionnent…- Impossible de dire aujourd'hui si l'un ou l'autre sera abandonné dans le futur, s'ils seront complémentaires, ou si un seul standard subsistera…

Page 15: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", comment ça marche ?

Lu sur le web : de Fabien Gandon, évangéliste du web sémantique et membre du W3C :

Il y a deux discours sur microformat / microdata / RDFa.

* Le discours officiel: nous avons trois niveaux de complexité:

* Le discours officieux: RDFa vs. Microdata est une guerre de personnes…

Source : http://groups.google.com/group/webdevfr/browse_thread/thread/bcb15da34a640073

- les microformats ne concernent que des données très petites, très communes, très répandues et pré-déterminées (ex: une carte de visite) ;

- les microdatas concernent des données libres non fixées mais souvent locales à un site ou destinées à un script dans la page ;

- le RDFa concerne tout type de données (RDF) avec des schémas partagés, des namespaces et préfixes pour éviter les conflits et permettre l'interopérabilité.

Page 16: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", quelles possibilités ?

Page 17: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", quelles possibilités ?

Les avis

Source : http://www.google.com/support/webmasters/bin/answer.py?hl=fr&answer=99170

<div class="hreview"> <span class="item"> <span class="fn">L'Amourita Pizza</span> </span> Avis rédigé par <span class="reviewer">Pierre Lemarchand</span> le <span class="dtreviewed"> 6 janvier<span class="value-title" title="2009-01-06"></span> </span>. <span class="summary">Pizzas délicieuses et savoureuses à Strasbourg !</span> <span class="description">L'Amourita vous propose des pizzas napolitaines cuites au feu de bois. Très bon accueil, service rapide et agréable. La petite pizzeria de quartier idéale.</span> Note : <span class="rating">4,5</span></div>

Page 18: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", quelles possibilités ?

Les avis

Source : http://www.google.com/support/webmasters/bin/answer.py?hl=fr&answer=99170

<div class="hreview-aggregate"> <span class="item"> <span class="fn">L'Amourita Pizza</span> </span> <span class="rating"> <span class="average">9</span> sur <span class="best">10</span> </span> note basée sur <span class="votes">24</span> évaluations <span class="count">5</span> avis</div>

Page 19: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", quelles possibilités ?

Les personnes

Source : http://www.google.com/support/webmasters/bin/answer.py?answer=146646

<div class="vcard"> Je m'appelle <span class="fn">Pierre Dumoulin</span>, mais on m'appelle <span class="nickname">Pierrot</span>. Voici ma page d'accueil : <a href="http://www.example.com" class="url">www.example.com</a>. J'habite à <span class="adr"> <span class="locality">Strasbourg</span>, en <span class="region">Alsace</span>, </span> et je suis <span class="title">ingénieur</span> chez <span class="org">Tartampion</span>. Mes amis : <a href="http://blog-philippe.example.com" rel="friend">Philippe</a>, <a href="http://blog-isabelle.example.com" rel="friend">Isabelle</a></div>

Page 20: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", quelles possibilités ?

Les produits

Source : http://www.google.com/support/webmasters/bin/answer.py?answer=146750

Il s'agit là d'un simple exemple. Les possibilités sont assez complètes…

Page 21: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", quelles possibilités ?

Les entreprises

Source : http://www.google.com/support/webmasters/bin/answer.py?answer=146861

<div class="vcard"> <span class="fn org">L'Amourita Pizza</span> Located at <div class="adr"> <span class="street-address">123 Main St</span>, <span class="locality">Albuquerque</span>, <span class="region">NM</span>. </div> <span class="geo"> <span class="latitude"> <span class="value-title" title="37.774929"></span> </span> <span class="longitude"> <span class="value-title" title="-122.419416"></span> </span> </span> Phone: <span class="tel">206-555-1234</span> <a href="http://pizza.example.com/" class="url">http://pizza.example.com</a> </div>

Permet de fournir des infos "locales" à Google. Plutôt utilisé par Google Adresses…

Page 22: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", quelles possibilités ?

Les recettes

Source : http://www.google.com/support/webmasters/bin/answer.py?answer=173379

<div class="hrecipe"> <span class="item"> <h1 class="fn">La tarte aux pommes de ma grand-mère</h1> </span> <img src="tarte_aux_pommes.jpg" class="photo" /> Par <span class="author">Caroline Martin</span> Publié le : <span class="published">5 novembre 2009<span class="value-title" title="2009-11-05"></span></span> <span class="summary">Voici la recette de tarte aux pommes de ma grand-mère. J'y ajoute un peu de noix de muscade.</span> <span class="review hreview-aggregate"> <span class="rating"> <span class="average">4</span> étoiles, note basée sur <span class="count">35</span> avis </span> </span> Temps de préparation : <span class="preptime">30 mn</span> … <span class="ingredient"> <span class="name">Sucre blanc</span>: <span class="amount">100 g</span> </span> Instructions : <span class="instructions"> 1. Coupez et épluchez les pommes. 2. Mélangez le sucre et la cannelle. Il vous faudra également du sucre pour les pommes. ... </span></div>

Page 23: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", quelles possibilités ?

Les recettes

Source : http://actu.abondance.com/2011/02/google-propose-un-filtre-de-recherche.html

L'indication de données structurées permet de proposer des applicatifs de filtrage intéressants…

Page 24: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", quelles possibilités ?

Les événements

Source : http://www.google.com/support/webmasters/bin/answer.py?answer=164506

Page 25: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", quelles possibilités ?

Les URL

Source : http://www.google.com/support/webmasters/bin/answer.py?&answer=185417

<div itemscope itemtype="http://datavocabulary.org/Breadcrumb"> <a href="http://www.example.com/robes" itemprop="url"> <span itemprop="title">Robes</span> </a> ›</div> <div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.example.com/robes/soiree" itemprop="url"> <span itemprop="title">Robes de soirée</span> </a> ›</div> <div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.example.com/vetements/robes/soiree/vertes" itemprop="url"> <span itemprop="title">Robes de soirée vertes</span> </a></div>

Page 26: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", quelles possibilités ?

Les recherche locales

Idem que précédemment, mais affiché dans Google Maps / Adresse (avis, événements, entreprise, etc.)

Source : http://maps.google.com/help/maps/richsnippetslocal/

Page 27: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", une petite FAQ…

Page 28: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", une petite FAQ…

Q : Les RS sont-ils affichées de façon identique dans tous les pays ?

R : les RS ont été lancés officellement en mai 2009 et n'étaient, au début, visibles qu'aux Etats-Unis. Après de nombreux tests, le système a été ouvert au monde entier en avril 2010.Il n'y a pas de délai de latence entre les US et les autres pays.En France, donc, les RS s'affichent et si on les voit moins souvent qu'aux US, c'est que moins de sites web en français les prennent en compte.

Page 29: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", une petite FAQ…

Q : Les RS sont-ils un plus pour le positionnement ?

R : non, le fait de proposer du "code enrichi" dans ses pages n'est pas un "ranking signal" pour Google. Les RS n'influencent donc pas le positionnement des pages (mais le taux de clic, si, certainement).

Page 30: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", une petite FAQ…

Q : Comment savoir si le code enrichi inséré dans les pages est correct ?

R : en utilisant l'outil de test : http://www.google.com/webmasters/tools/richsnippets

Pas toujours super fiable (message Insufficient data to generate the preview)…

Page 31: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", une petite FAQ…

Q : Faut-il prévenir Google lorsqu'on a intégré les RS dans son code ?

R : il vaut mieux, à cette adresse : http://www.google.com/support/webmasters/bin/request.py?contact_type=rich_snippets_feedback

Page 32: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", une petite FAQ…

Q : Le fait que le code soit enrichi garantit-il que les RS soient affichés dans les SERP ?

R : Google ne garantit pas cet affichage, même si le code enrichi est présent dans la page et favorablement testé.Quelques raisons pour un non-affichage des RS :- Les données du code ne sont pas en rapport avec le contenu éditorial de la page.- Bugs non détectés par l'outil de test.- Le code enrichi est caché (mais comment Google le vérifie-t-il ?).- Le site a trop peu de pages (ou trop peu de pages ayant intégré du code enrichi).

Page 33: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", une petite FAQ…

Q : Le fait que le code soit enrichi garantit-il que les RS soient affichés dans les SERP ?

R : Les RS de nombreuses pages ne semblent pas afichées encore aujourd'hui dans les SERP. Bug ? Volonté de Google ? Critères "à la Sitelinks" ? Autre raison ?

Page 34: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", une petite FAQ…

Q : L'affichage du RS dépend-il de la requête ?

R : Non. A priori, l'affichage des RS ne dépend pas du mot clé demandé…

Page 35: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", une petite FAQ…

Q : Y a-t-il un test préalable par Google des infos affichées (avis, etc.) ?

R : Oui, selon Google, il y a vérification des données affichées pour éviter que les RS proposent des informations erronées (notamment les avis)…

(NDLR : mais on ne sait pas comment la vérification est faite ;) )

Page 36: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", une petite FAQ…

Q : Est-il possible de proposer plusieurs types de RS dans une même page web ?

R : Oui, à partir du moment où les RS sont pertinents par rapport au contenu de la page. Mais si une page de poker en ligne propose un RS sur les recettes, il ne sera pas affiché !

(sauf s'il s'agit d'une recette pour gagner au poker ;-) )

Page 37: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", une petite webographie…

Page 38: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", une petite webographie…

Quelques liens pour en savoir plus…

La zone dédiée de Google :http://www.google.com/support/webmasters/bin/topic.py?topic=21997&hl=fr

La page Knol sur le sujet :http://knol.google.com/k/google-rich-snippets-tips-and-tricks#

La page Wikipedia sur le sujet :http://en.wikipedia.org/wiki/Semantic_HTML

Falcon, un moteur sur les objets sémantiques :http://iws.seu.edu.cn/services/falcons/objectsearch/index.jsp

Operator, extracteur de données sémantique (plugin Firefox) :https://addons.mozilla.org/fr/firefox/addon/operator/

hReview creator (générateur de code "avis") :http://microformats.org/code/hreview/creator

Plugin Wordpress :http://dev.squarecows.com/projects/wp-rdfa/

Outils de développement sémantique :http://www.w3.org/2001/sw/wiki/Tools

Page 39: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", conclusion…

Page 40: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Les "Rich snippets"

Les "rich snippets", conclusion…

Les RS sont une occasion unique de donner une meilleure visibilité à ses pages dans les SERPs

Il s'agit certainement de la "nouvelle génération sémantique" des balises meta.

Ils vont devenir incontournables (même si l’impact actuel est moyen sauf pour les avis et le e-commerce, voire les personnes)….

Peu de sites les utilisent encore, raison de plus pour être parmi les premiers à les intégrer…

Ils ne sont pas si compliqués que ça à mettre en place…

Autant s'y mettre tout de suite :-)

Page 41: SEO Campus 2011 - Rich Snippets par Olivier Andrieu

Merci :-)

(et merci à Anouarde la « Google Search

Quality Team » ;-) )

Support proposé par Olivier Andrieu - [email protected]

Les "Rich snippets"