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