Microformats, RDFa et microdata
-
Upload
samuel-lavoie -
Category
Documents
-
view
2.620 -
download
3
description
Transcript of Microformats, RDFa et microdata
photo by balakov on flickr.com
Web of Data & SEO
Samuel Lavoie / W3Québec / Consultant Web Marketing / @sammyQc
Aujourd’hui
• Web Sémantique ?
• Outils
• Exemples
• Possibilités
“The Semantic Web provides a common framework that allows data to be shared and reused across application, enterprise, and community boundaries”
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/
Rich Snippets
• Card
• Recipe
• Review
• Event
photo by cwt_ucla on Flickr
Outils disponibles
Microformats
• Simple mais limités
• Centré utilisateur
• xHTML
• Répandus
Microformats
<a href="http://www.samuellavoie.com" rel="me">Samuel Lavoie Blog</a>
Microformats
<a href="http://www.monblog.com" rel="nofollow">M. Spam SEO</a>
Microformats
<div class="vcard"> <p>Name: <span class="fn">Samuel Lavoie</span></p> <p>Title: <span class="title">SEO Consultant</span></p></div>
RDFa
• Flexible
• Extensible
• Complexe
• Version 1.1 compatible HTML4 et 5
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>
Microdata
• Spécification HTML5
• Simple mais flexible
• Peu répandus
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>
Err... mais lequel ?
• RDFa = complexe mais bien supporté
• Microformats = populaire mais limités
• Microdata = HTML5
É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
photo by balakov on flickr.com
Rich Snippets
Conséquence
• Crawler comprends l’information
• Augmentation du CTR dans les SERPs
• Verticaux Google (et autres)
• Réutilisation de vos données
Pièges à éviter
• Code non valide
• Trop peu d’information
• Cacher les données
• Site vide ou peu pertinent
Conclusion
• Microformats vs. RDFa vs. microdata
• Recipes, Card, Reviews et Events
• Rich Snippets dans les SERPs
• Futurs Verticaux de Google
• SEO Local
Ressources
• RDFa.info
• Microformats.org
• Websemantique.org
• Google.com/webmasters/tools/richsnippets
@sammyQc
photo by balakov on flickr.com
Q/A samuellavoie.comw3qc.org