Schema.org (iExpo 2012)

Schema.org Comment faciliter l’acces a ses contenus

via Bing/Google/Yahoo

Sylvie DalbinSylvie DalbinAssistance & Techniques Documentaires (ATD)Assistance & Techniques Documentaires (ATD)

http://claimid.com/sylviedalbinhttp://claimid.com/sylviedalbin

Support de présentation, complété apres l'atelierSupport de présentation, complété apres l'atelier

I-expo 2012 – Atelier 3 - Actualite des moteurs de rechercheMercredi 13 Juin 2012

http://claimid.com/sylviedalbin

I-expo 2012 – Atelier 3 - Actualite des moteurs de recherche – Mercredi 13 Juin 2012 2

Plan de l'intervention

1. Document numérique structuré● Chronologie● Exploitation par les moteurs de recherche

2. Schema.org - Composants, structure, format

3. Schema.org - Comment faire ?

Pour conclure – Points d'attention

Schema.org est un vocabulaire (schéma) de métadonnées, hiérarchisé et structuré, utilisable pour exposer les données dans le web (pages des sites).Proposé initialement par les moteurs de recherche Google, Bing et Yahoo !, cette infrastructure des pages html vise a optimiser la recherche et faciliter l'exploitation par les utilisateurs du Web. Et prendre mieux en compte le gigantisme du web.


Cet outillage (ensemble de métadonnées) s'inscrit certes dans une histoire du web et des moteurs de recherche, mais plus largement dans une histoire du « document numérique structuré » qui va de SGML a HTML5, en passant par rdf comme syntaxe pour les métadonnées et rdfa pour HTML5. On peut aussi inscrire cette évolution dans une histoire plus ancienne de structuration et d'annotation des contenus (balisage avec une sémantique « métier »)

Une double histoire est tracée dans ce schéma : - histoire des systemes de structuration et d'encodage de documents numériques ;- histoire des systeme de représentation de ressources via des schémas de métadonnées (DC, Microformats, Schema.org)


1. Document numérique structuré

ChronologieExploitation par les moteurs de recherche


Document numérique structuré chronologiechronologie


Présentation des résultats – étape 1

[Code source de cette page]

<h1>Ce qu'il vous faut</h1>1/2 tasse de farine1/2 tasse de sucre2 c. a thé de poudre a pâte Magic1/2 c. a thé de bicarbonate de soude1/4 c. a thé de sel 1 oeuf

Dans ce formatage, seul la structure « éditoriale » est balisées ; les ingrédients sont listés dans le texte sans marquage particulier.

sylvieatd

Zone de texte

#1


Présentation des résultats – étape 2

Extraits enrichis (Rich Snippets)

Faire ressortir dans l'extrait :

● Photo

● Durée de préparation

● Appréciation d'internaute

sylvieatd

Zone de texte

#2


Présentation des résultats – étape 2Code source de la page

<div class="ingredients" style="margin-top: 10px;"> <h3> Ingredients</h3> <ul> <li class="plaincharacterwrap ingredient"> 2 cups all-purpose flour</li> <li class="plaincharacterwrap ingredient"> 1/2 teaspoon baking soda</li> <li class="plaincharacterwrap ingredient"> 1 cup white sugar</li> <li class="plaincharacterwrap ingredient"> 1 egg</li> <li class="plaincharacterwrap ingredient"> 5 tablespoons milk</li> <li class="plaincharacterwrap ingredient"> 1 teaspoon baking powder</li> <li class="plaincharacterwrap ingredient"> 1/2 teaspoon salt</li> <li class="plaincharacterwrap ingredient"> 1/2 cup margarine</li> <li class="plaincharacterwrap ingredient"> 1 cup mashed bananas</li>

Quelques éléments sont mis en exergue, pour être sélectionnés et présentés dans l'extrait enrichi.


Présentation des résultats – étape 3Extraits enrichis

Schema.org

Filtrer par des criteres spécifiques aux recettes de cuisine:

● Ingrédients

● Durée de préparation

● Calories

Tri par facettes

sylvieatd

Zone de texte

#3


2. Schema.org- composants, structure, format -


Schema.org

● Vocabulaire permettant de structurer et formater les données d'une page HTML

● Mis en œuvre pour optimiser l'étape de sélection dans une recherche d'info.

● Profil d'application pour les moteurs, composé d'un ensemble de vocabulaires typés, articulés entre eux.

● Initié mi 2011● Conjointement par Yahoo!, Bing et Google.

– rejoint par Yandex (russe)● Groupe de travail dirigé par Dan Brickley (W3C)

● S'appuie sur les normes techniques HTML5

http://schema.org/


Schema.org – types et relations

Thing

<En ligne>

http://schema.org/Thing


Schema.org - profil pour « Recettes de cuisine »

<En ligne>

http://schema.org/Recipe


Schema.org : extensions

● Par des liens vers des valeurs externes En prenant appui sur des vocabulaires reconnus ISO 3166-1 pour les Pays, le vocabulaire de l'IPTC, mais aussi les entités de wikipédia, ...

Wiki du W3C - WebSchemashttp://www.w3.org/wiki/WebSchemas

● Par l'intégration d'autres schémas spécialisésEmploi > JobPostings (intégré)

Presse-Médias > rNews de l'IPTC (intégré)

Commerce > GoodRelations (en cours d'intégration)

Pédagogie > Learning resource metadata initiative (projet en cours)


Trois formats de balisage des données > Microdonnée privilégié par le W3C

● Microformats● hCard, hReview, hAtom, hNews, hProduct,...

● Microdonnées (HTML5 microdata) ● « … (se) concentrer sur un seul format....éviter que les

webmasters ne soient obligés de faire un choix difficile... »● attributs simples dans les balises

● souvent <span> ou <div>● itemscope, itemtype, itemid, itemprop, itemref

● Séparer contenu, sémantique et présentation● Non encore stabilisé - http://www.w3.org/TR/html5/microdata.html

● RDFa● v1.1 : RDFa Core, RDFa Lite et XHTML+RDFa

http://www.w3.org/TR/html5/microdata.html


Remarques : des vocabulaires de nature différente– les microformats ne couvrent que quelques types

d'objet (agenda, CV, critique, …) et associent entités / propriétés et syntaxe d'encodage.

– les deux autres vocabulaires (microdonnées HTML5 ou RDFa) correspondent a des syntaxes et sont indépendantes des ressources a modéliser. Ils sont utilisables avec Schema.org

Etudier et comparer les vocabulaires que vous utilisez et les profils proposés dans Schema.org (ainsi que les extensions tels GoodRelations,, …)

– Chercher au maximum a aligner les entités / propriétés


Exemple d'encodage

schema.org/Recipeet microdonnees HTML5

Schema.org

Microdata HTML5

Le contenu !


3. Comment faire ?


Différentes solutions – en cours de développement

● Editer directement le code html enrichi– Avec vos outils éditoriaux– En récupérant le code a partir d'un outil autonome (voir page suivante)

● Appliquettes adossées aux gestionnaires de contenus

– Wordpress (EasyRecipe,...), Drupal (schema.org),...

● Outils de développement– Outils pour langages de programmation - http://schema.rdfs.org/tools.html

● Outils de publication « internes »– Alignement et transformation


Outillage d'édition du code (un exemple)

http://schema-creator.org/person.php


Pour conclure : points d'attention

● Approche « normalisatrice » du Web● Qui n'interdit pas les approches linguistiques (TALN) ou

sociales

● Stratégie de publication Web a repenser● Fonction de votre situation et contexte

– « données ouvertes » versus « commerce » ; données d'appel ?– Un existant ou pas, en interne de l'organisme

● Etre Présent ou Absent dans les résultats des moteurs ? Un équilibre a trouver entre deux extrêmes

=> les utilisateurs pourraient rester DANS le moteur ?=> vous disparaissez des résultats ?

● Economie de déploiement– Coût, compétences, qualité, ....


Merci pour votre attention.

Des questions ?


Références● Schema.org et blog.schema.org

● Schema.org – FAQ http://support.google.com/webmasters/bin/answer.py?hl=fr&answer=1211158&topic=1088472&ctx=topic

● Schema.org - Extraits enrichishttp://support.google.com/webmasters/bin/answer.py?hl=fr&answer=99170

● Liste de diffusion publique : public-vocabs.w3.org● Outils de test du balisage - http://www.google.com/webmasters/tools/richsnippets● Webschemas – site d'évolution du schéma avec alignement et intégration de

vocabulaireshttp://www.w3.org/wiki/WebSchemas

● Présentation Schéma.org / microdata : la sémantique au plus pres du lecteur et des moteurs, Jean Delahousse, mai 2012 - http://www.semweb.pro/talk/2688

● Schema.org, T.Cuvelier, 01/09/2011, http://tcuvelier.developpez.com/tutoriels/web-semantique/html5-microdonnees/schema-org/

● Traductions en FR de recommandations du W3C, dont RDFa http://www.yoyodesign.org/doc/w3c/index.php

● What tools are available? http://schema.rdfs.org/tools.html

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

http://tcuvelier.developpez.com/tutoriels/web-semantique/html5-microdonnees/schema-org/

http://www.yoyodesign.org/doc/w3c/index.php

Technology

Schema.org (iExpo 2012)