Le Web Semantique maintenant: utiliser les Microformats, RDFa ou microdata maintenant dans le but de profiter des Rich Snippets de Google.

1. Web of Data & SEO
Samuel Lavoie / W3Québec / Consultant Web Marketing / @sammyQc
photo by balakov on flickr.com

2. Aujourd’hui
• Web Sémantique ?
• Outils
• Exemples
• Possibilités

3. “The Semantic Web provides a common
framework that allows data to be shared
and reused across application, enterprise,
and community boundaries”

4. Fondements
• Ressource Description Framework - RDF
• Web Ontology Language - OWL
• Friend of a friend - FOAF
• http://www.w3.org/RDF/
• http://www.w3.org/2004/OWL/
• http://www.foaf-project.org/

5. Rich Snippets
• Card
• Recipe
• Review
• Event

6. Outils disponibles
photo by cwt_ucla on Flickr

8. Microformats
• Simple mais limités
• Centré utilisateur
• xHTML
• Répandus

9. Microformats
<a href="http://www.samuellavoie.com"
rel="me">Samuel Lavoie Blog</a>

10. Microformats
<a href="http://www.monblog.com"
rel="nofollow">M. Spam SEO</a>

11. Microformats
<div class="vcard">
<p>Name: <span class="fn">Samuel Lavoie</span></p>
<p>Title: <span class="title">SEO Consultant</span></p>
</div>

13. RDFa
• Flexible
• Extensible
• Complexe
• Version 1.1 compatible HTML4 et 5

14. RDFa
<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Person">
<p>Name: <span property="v:name">Samuel Lavoie</span></p>
<p>Title: <span property="v:title">SEO Consultant</span></p>
</div>

16. Microdata
• Spécification HTML5
• Simple mais flexible
• Peu répandus

17. Microdata
<div itemscope itemtype="http://data-vocabulary.org/Person">
<p>Name: <span itemprop="name">Samuel Lavoie</span></p>
<p>Title: <span itemprop="title">SEO Consultant</span></p>
</div>

18. Err... mais lequel ?
• RDFa = complexe mais bien supporté
• Microformats = populaire mais limités
• Microdata = HTML5

19. Étapes
• Créer le code ou le générer
• Générateur de hCalendar
• Générateur de hCard
• Générateur de hReview
• Intégrer dans les pages
• Tester et soumettre à Google
• http://www.google.com/webmasters/tools/richsnippets
• http://www.google.com/support/webmasters/bin/request.py?contact_type=rich_snippets_feedback
• Patienter

20. Rich Snippets
photo by balakov on flickr.com

21. Conséquence
• Crawler comprends l’information
• Augmentation du CTR dans les SERPs
• Verticaux Google (et autres)
• Réutilisation de vos données

22. Pièges à éviter
• Code non valide
• Trop peu d’information
• Cacher les données
• Site vide ou peu pertinent

23. Conclusion
• Microformats vs. RDFa vs. microdata
• Recipes, Card, Reviews et Events
• Rich Snippets dans les SERPs
• Futurs Verticaux de Google
• SEO Local

24. Ressources
• RDFa.info
• Microformats.org
• Websemantique.org
• Google.com/webmasters/tools/richsnippets

25. @sammyQc
Q/A
photo by balakov on flickr.com
samuellavoie.com
w3qc.org