Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
HTML 5 Speaker Idol31 Mai 2012 par Lydie Padilla                                1
MICRODATA ET SÉMANTIQUEà l’heure du HTML5                          22
AGENDAMicrodata et sémantique à l’heure du HTML5 :   •    Schema.org   •    Qui aime le gâteau au chocolat ?   •    Les mi...
Schema.org  4200, boul. Saint-Laurent, Suite 701  Montréal QC H2W 2R2                                         4
Qui aime le gâteau au chocolat ?                                   55
La spécification HTML5 concernant lesmicrodonnées permet dassocier deslibellés à des contenus afin de décrireun type dinfo...
Les microdata à la loupe<div itemscope itemtype="http://data-vocabulary.org/Person"> My name is <span itemprop="name">Lydi...
Attributs• Les microdata utilisent 3 attributs en particulier :    <div itemscope>                                        ...
Types de microdataSimple                                    Aggrégés• Oeuvres Créatives                       •   Produits...
PropriétésEn utilisant les microdonnées, vous pourrez mettre en valeur:•   Un blog et ses articles•   Les fiches traitant ...
auteurproduit          musique                         11                          11
Bonnes pratiques•   Tester l’affichage des résultats enrichis    http://www.google.com/webmasters/tools/richsnippets•   Sp...
4 raisons d’utiliser les microdata                                                   - Flexibité des                      ...
14
Merci!Contactez- moi :    Facebook.com/lydiepadilla    Twitter.com/idylles•   Linkedin.com/in/lydiepadilla    Slideshare.n...
Prochain SlideShare
Chargement dans…5
×

Microdata et sémantique à l'heure du HTML5

2 359 vues

Publié le

Microdata et sémantique à l'heure du HTML5

  1. 1. HTML 5 Speaker Idol31 Mai 2012 par Lydie Padilla 1
  2. 2. MICRODATA ET SÉMANTIQUEà l’heure du HTML5 22
  3. 3. AGENDAMicrodata 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 4200, boul. Saint-Laurent, Suite 701 Montréal QC H2W 2R2 3
  4. 4. Schema.org 4200, boul. Saint-Laurent, Suite 701 Montréal QC H2W 2R2 4
  5. 5. Qui aime le gâteau au chocolat ? 55
  6. 6. La spécification HTML5 concernant lesmicrodonnées permet dassocier deslibellés à des contenus afin de décrireun type dinformation spécifique viades propriétés communément établies. 6
  7. 7. 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> 4200, boul. Saint-Laurent, Suite 701 Montréal QC H2W 2R2 7
  8. 8. 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 4200, boul. Saint-Laurent, Suite 701 Montréal QC H2W 2R2 8
  9. 9. Types de microdataSimple Aggrégés• Oeuvres Créatives • Produits + Avis• Objets non textuels • Avis + Classement embedded • Personne + Adresse• Évènement • Organisation + Adresse• Organisation• Personne• Entreprise locale, restaurant• Produit, offre• Avis• Auteur 4200, boul. Saint-Laurent, Suite 701 Montréal QC H2W 2R2 9
  10. 10. PropriétésEn 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é…) 4200, boul. Saint-Laurent, Suite 701 Montréal QC H2W 2R2 10
  11. 11. auteurproduit musique 11 11
  12. 12. Bonnes pratiques• Tester l’affichage des résultats enrichis http://www.google.com/webmasters/tools/richsnippets• Spécifier la durée dun événement au format de durée ISO permet de sassurer quelle 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 12
  13. 13. 4 raisons d’utiliser les microdata - Flexibité des Augmenter RDFa son trafic et ses - Simplicité conversions des microformats Mettre à jour Se distinguer ses produits / de la infos concurrence facilement 4200, boul. Saint-Laurent, Suite 701 Montréal QC H2W 2R2
  14. 14. 14
  15. 15. Merci!Contactez- moi : Facebook.com/lydiepadilla Twitter.com/idylles• Linkedin.com/in/lydiepadilla Slideshare.net/lydiepadilla 4200, boul. Saint-Laurent, Suite 701 Montréal QC H2W 2R2 15

×