microformats, rdfa et microdata

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

Upload: samuel-lavoie

Post on 13-Jun-2015

2.620 views

Category:

Documents


3 download

DESCRIPTION

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

TRANSCRIPT

Page 2: Microformats, RDFa et microdata

Aujourd’hui

• Web Sémantique ?

• Outils

• Exemples

• Possibilités

Page 3: Microformats, RDFa et microdata

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

Page 4: Microformats, RDFa et microdata

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/

Page 5: Microformats, RDFa et microdata

Rich Snippets

• Card

• Recipe

• Review

• Event

Page 7: Microformats, RDFa et microdata
Page 8: Microformats, RDFa et microdata

Microformats

• Simple mais limités

• Centré utilisateur

• xHTML

• Répandus

Page 9: Microformats, RDFa et microdata

Microformats

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

Page 10: Microformats, RDFa et microdata

Microformats

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

Page 11: Microformats, RDFa et microdata

Microformats

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

Page 12: Microformats, RDFa et microdata
Page 13: Microformats, RDFa et microdata

RDFa

• Flexible

• Extensible

• Complexe

• Version 1.1 compatible HTML4 et 5

Page 14: Microformats, RDFa et microdata

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>

Page 15: Microformats, RDFa et microdata
Page 16: Microformats, RDFa et microdata

Microdata

• Spécification HTML5

• Simple mais flexible

• Peu répandus

Page 17: Microformats, RDFa et microdata

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>

Page 18: Microformats, RDFa et microdata

Err... mais lequel ?

• RDFa = complexe mais bien supporté

• Microformats = populaire mais limités

• Microdata = HTML5

Page 19: Microformats, RDFa et microdata

É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

Page 21: Microformats, RDFa et microdata

Conséquence

• Crawler comprends l’information

• Augmentation du CTR dans les SERPs

• Verticaux Google (et autres)

• Réutilisation de vos données

Page 22: Microformats, RDFa et microdata

Pièges à éviter

• Code non valide

• Trop peu d’information

• Cacher les données

• Site vide ou peu pertinent

Page 23: Microformats, RDFa et microdata

Conclusion

• Microformats vs. RDFa vs. microdata

• Recipes, Card, Reviews et Events

• Rich Snippets dans les SERPs

• Futurs Verticaux de Google

• SEO Local

Page 24: Microformats, RDFa et microdata

Ressources

• RDFa.info

• Microformats.org

• Websemantique.org

• Google.com/webmasters/tools/richsnippets