SEO Campus 2011 - Rich Snippets par Olivier Andrieu
Upcoming SlideShare
Loading in...5
×
 

SEO Campus 2011 - Rich Snippets par Olivier Andrieu

on

  • 4,884 views

Plus sur http://seo-camp.org

Plus sur http://seo-camp.org

Sur le site d'Olivier Andrieu : http://goo.gl/pnNtC

Statistics

Views

Total Views
4,884
Views on SlideShare
3,749
Embed Views
1,135

Actions

Likes
3
Downloads
98
Comments
0

7 Embeds 1,135

http://www.seo-camp.org 676
http://www.kryzalid.net 422
http://www.linkedin.com 25
http://symfony.vagrant 5
http://paper.li 4
url_unknown 2
http://www.slideshare.net 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

SEO Campus 2011 - Rich Snippets par Olivier Andrieu SEO Campus 2011 - Rich Snippets par Olivier Andrieu Presentation Transcript

  • Les "Rich snippets" Olivier Andrieu (Abondance) SEO CAMPUS 1er mars 2011 [email_address] http://www.abondance.com/
  • Les "Rich snippets" Les "rich snippets", c'est quoi ?
  • Les "Rich snippets" Les "rich snippets", c'est quoi ? Du "snippet" classique…
  • Les "Rich snippets" Les "rich snippets", c'est quoi ? Du "snippet" classique… Au "rich snippet"…
  • Les "Rich snippets" Les "rich snippets", c'est quoi ? Une nouvelle façon de mettre en valeur sa page dans les SERP
  • 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#vendredi http://web.archive.org/web/20021003204737/http://fr.altavista.com/submit/le
  • 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.html http://web.archive.org/web/20080720015311/http://tools.search.yahoo.com/newsearch/open.html
  • 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.html http://googlewebmastercentral.blogspot.com/2009/05/introducing-rich-snippets.html
  • 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.html http://www.seomoz.org/blog/director-of-bing-discusses-holistic-search-and-clickstream-data-whiteboard-friday
  • Les "Rich snippets" Les "rich snippets", comment ça marche ?
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, 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/Microdata_%28HTML5%29 ) <div> Je m'appelle Pierre Dumoulin, mais on m'appelle Pierrot. Voici ma page d'accueil : <a href=&quot;http://www.example.com&quot;>www.example.com</a> J'habite à Strasbourg, en Alsace, et je suis ingénieur chez Tartampion. </div> <div itemscope itemtype=&quot;http://data-vocabulary.org/Person&quot;> Je m'appelle <span itemprop=&quot;name&quot;> Pierre Dumoulin </span> mais on m'appelle <span itemprop=&quot;nickname&quot;> Pierrot </span> . Voici ma page d'accueil : <a href=&quot;http://www.example.com&quot; itemprop=&quot;url&quot; >www.example.com</a> J'habite à Strasbourg, en Alsace, et je suis <span itemprop=&quot;title&quot;> ingénieur </span> chez <span itemprop=&quot;affiliation&quot;> Tartampion </span> . </div> HTML classique
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, 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=&quot;www.example.com/pierredumoulin.jpg&quot; /> <strong>Pierre Dumoulin</strong> Ingénieur chez Tartampion 12 rue des plantes Villeperdue, XY 12345 </div> <div class=&quot;vcard&quot;> <img class=&quot;photo&quot; src=&quot;www.example.com/pierredumoulin.jpg&quot; /> <strong class=&quot;fn&quot; >Pierre Dumoulin</strong> <span class=&quot;title&quot; >Ingénieur</span> chez <span class=&quot;org&quot; >Tartampion</span> <span class=&quot;adr&quot; > <span class=&quot;street-address&quot; >12 rue des plantes</span> <span class=&quot;locality&quot; >Villeperdue</span>, <span class=&quot;region&quot; >XY</span> <span class=&quot;postal-code&quot; >12345</span> </span> </div> HTML classique Attention aux conflits avec les CSS !
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, 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=&quot;http://www.example.com&quot;>www.example.com</a>. J'habite à Strasbourg, en Alsace, et je suis ingénieur chez Tartampion. </div> <div xmlns:v=&quot;http://rdf.data-vocabulary.org/#&quot; typeof=&quot;v:Person&quot; > Je m'appelle <span property=&quot;v:name&quot;> Pierre Dumoulin</span>, mais on m'appelle <span property=&quot;v:nickname&quot;> Pierrot</span>. Voici ma page d'accueil : <a href=&quot;http://www.example.com&quot; rel=&quot;v:url&quot; >www.example.com</a>. J'habite à Strasbourg, en Alsace, et je suis<span property=&quot;v:title&quot; >ingénieur</span> chez <span property=&quot;v:affiliation&quot; >Tartampion</span>. </div> HTML classique
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, comment ça marche ? Microformats, Microdonnées et RDFa : Quel format choisir ? - Il n'existe pas de format &quot;idéal&quot; (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…
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, 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é.
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, quelles possibilités ?
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, quelles possibilités ? Les avis Source : http://www.google.com/support/webmasters/bin/answer.py?hl=fr&answer=99170 <div class=&quot;hreview&quot;> <span class=&quot; item &quot;> <span class=&quot;fn&quot;>L'Amourita Pizza</span> </span> Avis rédigé par <span class=&quot; reviewer &quot;>Pierre Lemarchand</span> le <span class=&quot; dtreviewed &quot;> 6 janvier<span class=&quot;value-title&quot; title=&quot;2009-01-06&quot;></span> </span>. <span class=&quot; summary &quot;>Pizzas délicieuses et savoureuses à Strasbourg !</span> <span class=&quot; description &quot;>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=&quot; rating &quot;>4,5</span> </div>
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, quelles possibilités ? Les avis Source : http://www.google.com/support/webmasters/bin/answer.py?hl=fr&answer=99170 <div class=&quot;hreview-aggregate&quot;> <span class=&quot;i tem &quot;> <span class=&quot;fn&quot;>L'Amourita Pizza</span> </span> <span class=&quot; rating &quot;> <span class=&quot; average&quot; >9</span> sur <span class=&quot; best&quot; >10</span> </span> note basée sur <span class=&quot; votes &quot;>24</span> évaluations <span class=&quot; count &quot;>5</span> avis </div>
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, quelles possibilités ? Les personnes Source : http://www.google.com/support/webmasters/bin/answer.py?answer=146646 <div class=&quot;vcard&quot;> Je m'appelle <span class=&quot;f n &quot;>Pierre Dumoulin</span>, mais on m'appelle <span class=&quot; nickname &quot;>Pierrot</span>. Voici ma page d'accueil : <a href=&quot;http://www.example.com&quot; class=&quot; url &quot;>www.example.com</a>. J'habite à <span class=&quot; adr &quot;> <span class=&quot;l ocality&quot; >Strasbourg</span>, en <span class=&quot;r egion &quot;>Alsace</span>, </span> et je suis <span class=&quot; title &quot;>ingénieur</span> chez <span class=&quot; org &quot;>Tartampion</span>. Mes amis : <a href=&quot;http://blog-philippe.example.com&quot; rel=&quot; friend &quot;>Philippe</a>, <a href=&quot;http://blog-isabelle.example.com&quot; rel=&quot; friend &quot;>Isabelle</a> </div>
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, 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…
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, quelles possibilités ? Les entreprises Source : http://www.google.com/support/webmasters/bin/answer.py?answer=146861 <div class=&quot;vcard&quot;> <span class=&quot; fn org &quot;>L'Amourita Pizza</span> Located at <div class=&quot; adr &quot;> <span class=&quot; street-address &quot;>123 Main St</span>, <span class=&quot; locality &quot;>Albuquerque</span>, <span class=&quot; region &quot;>NM</span>. </div> <span class=&quot; geo &quot;> <span class=&quot; latitude &quot;> <span class=&quot;value-title&quot; title=&quot;37.774929&quot;></span> </span> <span class=&quot; longitude &quot;> <span class=&quot;value-title&quot; title=&quot;-122.419416&quot;></span> </span> </span> Phone: <span class=&quot; tel&quot; >206-555-1234</span> <a href=&quot;http://pizza.example.com/&quot; class=&quot; url &quot;>http://pizza.example.com</a> </div> Permet de fournir des infos &quot;locales&quot; à Google. Plutôt utilisé par Google Adresses…
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, quelles possibilités ? Les recettes Source : http://www.google.com/support/webmasters/bin/answer.py?answer=173379 <div class=&quot;hrecipe&quot;> <span class=&quot;item&quot;> <h1 class= &quot;fn &quot;>La tarte aux pommes de ma grand-mère</h1> </span> <img src=&quot;tarte_aux_pommes.jpg&quot; class=&quot; photo &quot; /> Par <span class=&quot; author &quot;>Caroline Martin</span> Publié le : <span class=&quot; published &quot;>5 novembre 2009<span class=&quot;value-title&quot; title=&quot;2009-11-05&quot;></span></span> <span class=&quot; summary &quot;>Voici la recette de tarte aux pommes de ma grand-mère. J'y ajoute un peu de noix de muscade.</span> <span class=&quot;review hreview-aggregate&quot;> <span class=&quot; rating &quot;> <span class=&quot; average &quot;>4</span> étoiles, note basée sur <span class=&quot; count &quot;>35</span> avis </span> </span> Temps de préparation : <span class=&quot; preptime &quot;>30 mn</span> … <span class=&quot; ingredient &quot;> <span class=&quot; name &quot;>Sucre blanc</span>: <span class=&quot; amount &quot;>100 g</span> </span> Instructions : <span class=&quot; instructions &quot;> 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>
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, 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…
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, quelles possibilités ? Les événements Source : http://www.google.com/support/webmasters/bin/answer.py?answer=164506
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, quelles possibilités ? Les URL Source : http://www.google.com/support/webmasters/bin/answer.py?&answer=185417 <div itemscope itemtype=&quot;http://datavocabulary.org/Breadcrumb&quot;> <a href=&quot;http://www.example.com/robes&quot; itemprop=&quot;url&quot; > <span itemprop=&quot;title&quot; >Robes</span> </a> › </div> <div itemscope itemtype=&quot;http://data-vocabulary.org/Breadcrumb&quot;> <a href=&quot;http://www.example.com/robes/soiree&quot; itemprop=&quot;url&quot; > <span itemprop=&quot;title&quot; >Robes de soirée</span> </a> › </div> <div itemscope itemtype=&quot;http://data-vocabulary.org/Breadcrumb&quot;> <a href=&quot;http://www.example.com/vetements/robes/soiree/vertes&quot; itemprop=&quot;url&quot; > <span itemprop=&quot;title&quot; >Robes de soirée vertes</span> </a> </div>
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, 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/
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, une petite FAQ…
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, 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.
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, une petite FAQ… Q : Les RS sont-ils un plus pour le positionnement ? R : non, le fait de proposer du &quot;code enrichi&quot; dans ses pages n'est pas un &quot;ranking signal&quot; pour Google. Les RS n'influencent donc pas le positionnement des pages (mais le taux de clic, si, certainement).
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, 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 )…
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, 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
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, 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).
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, 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 &quot;à la Sitelinks&quot; ? Autre raison ?
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, 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é…
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, 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 ;) )
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, 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 ;-) )
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, une petite webographie…
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, 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 &quot;avis&quot;) : 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
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, conclusion…
  • Les &quot;Rich snippets&quot; Les &quot;rich snippets&quot;, conclusion… Les RS sont une occasion unique de donner une meilleure visibilité à ses pages dans les SERPs Il s'agit certainement de la &quot;nouvelle génération sémantique&quot; 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 :-)
  • Merci :-) (et merci à Anouar de la « Google Search Quality Team » ;-) ) Support proposé par Olivier Andrieu - [email_address] Les &quot;Rich snippets&quot;