1

HTML 5 Speaker Idol31 Mai 2012 par Lydie Padilla

2

MICRODATA ET SÉMANTIQUE à l’heure du HTML5

2

3

4200, boul. Saint-Laurent, Suite 701

Montréal QC H2W 2R2

AGENDA

Microdata et sémantique à l’heure du HTML5 :

•Schema.org

•Qui aime le gâteau au chocolat ?

•Les microdata à la loupe

•Attributs

•Bonnes pratiques

•Types de microdata

•Propriétés

•4 raisons d’utiliser les microdata

4

4200, boul. Saint-Laurent, Suite 701

Montréal QC H2W 2R2

Schema.org

55

Qui aime le gâteau au chocolat ?

6

La spécification HTML5 concernant les microdonnées permet d'associer des libellés à des contenus afin de décrire un type d'information spécifique via des propriétés communément établies.

7

4200, boul. Saint-Laurent, Suite 701

Montréal QC H2W 2R2

Les microdata à la loupe<div itemscope itemtype="http://data-vocabulary.org/Person">

My name is <span itemprop="name">Lydie Padilla</span>,

but people call me <span itemprop="nickname”>Lydinette</span>.

Here is my homepage:

<a href="http://www.example.com" itemprop="url">www.unefillecommeca.com</a>.

I live in

<span itemprop=”rue St Denis" itemscope

itemtype="http://data-vocabulary.org/Address">

<span itemprop="locality">Montréal</span>,

<span itemprop="region">Québec</span>

</span>

and work as an <span itemprop="title">Chef d’équipe SEO et Médias

Sociaux</span>

at <span itemprop="affiliation">NVI</span>.

My friends:

<a href="http://www.alexbonan.me/" rel="friend">Alexandra</a>,

</div>

8

4200, boul. Saint-Laurent, Suite 701

Montréal QC H2W 2R2

Attributs

• Les microdata utilisent 3 attributs en particulier :

<div itemscope> Ouverture

<section itemscope itemtype=”http://schema.org/xxx”>

URL source décrivant ce don’t il s’agit

<span itemprop=”…”>Ce dont il s’agit, un même item peut avoir plusieurs propriétés

9

4200, boul. Saint-Laurent, Suite 701

Montréal QC H2W 2R2

• Oeuvres Créatives• Objets non textuels

embedded• Évènement• Organisation• Personne• Entreprise locale,

restaurant• Produit, offre• Avis• Auteur

• Produits + Avis • Avis + Classement• Personne + Adresse• Organisation + Adresse

Types de microdata

Simple Aggrégés

10

4200, boul. Saint-Laurent, Suite 701

Montréal QC H2W 2R2

Propriétés

En utilisant les microdonnées, vous pourrez mettre en valeur:

• Un blog et ses articles

• Les fiches traitant de films ou séries

• Les pages présentant des peintures, sculptures, de la musique

• L’organisateur d’un événement

• Des dates

• Des participants (exemple : intervenant, chanteur…)

• Des offres d’emploi (avec le poste, la rémunération, les pré-requis…)

• Des coordonnées géographiques

• Des données nutritionnelles (calories, ingrédients…)

• Des offres (quantité, disponibilité…)

1111

auteur

produit

musique

12

4200, boul. Saint-Laurent, Suite 701

Montréal QC H2W 2R2

Bonnes pratiques

• Tester l’affichage des résultats enrichis

http://www.google.com/webmasters/tools/richsnippets

• Spécifier la durée d'un événement au format de durée ISO permet de

s'assurer qu'elle apparaîtra correctement dans les résultats de recherche

• Travailler en collaboration avec l’équipe marketing pour déterminer les

opportunités d’un site en termes de microdata

1. Se poser la pertinence d’utiliser les microdata aujourd’hui en raison du décalage des navigateurs

2. Planifier les microdata avec les prochaines refontes

4200, boul. Saint-Laurent, Suite 701

Montréal QC H2W 2R2

4 raisons d’utiliser les microdata

Augmenter son trafic et ses conversions

- Flexibité des RDFa

- Simplicité des microformats

Mettre à jour ses produits / infos facilement

Se distinguer de la concurrence

14

15

4200, boul. Saint-Laurent, Suite 701

Montréal QC H2W 2R2

Merci!

Contactez- moi :

Facebook.com/lydiepadilla

Twitter.com/idylles

• Linkedin.com/in/lydiepadilla

Slideshare.net/lydiepadilla