Drupal 7 et HTML 5, microdata

Module html5_tools (test sur ex02)

fournit un DOCTYPE "HTML5-compliant", simplifie head, utilise le nouvel element temps de HTML5 (dates pub et commentaires). 
Requis: elements. Tests sur ex02

Conf à admin/config/development/html5-tools
en bas, note: si ne fonctionne pas, vérifier le template.ph du thème utilisé (qui doit overrider)

Module microdata

Par défaut, RDFa n'est pas compatible HTML5. Microdata si (cf diveintohtml5.org/extensibility.html), requis: entity. Une fois installé, un onglet est ajouté aux types de contenu (test sur Profil auteur, nom machine profile). Conf à admin/config/services/microdata

Résultat: dans le html généré, on voit itemscope et itemtype dans une div. Mais il manque les itemProp sur les nouveaux champs ajoutés -> à faire en admin/structure/types/manage/profile/fields/field_role_champ_txt_ modifier le champs en bas, voir "Microdata Mapping"

specs microdata w3c à http://www.w3.org/TR/microdata/ et https://html.spec.whatwg.org/multipage/microdata.html#microdata
 

source: Drupal 7 Development by Example - Beginner's Gde. - K. Madel (Packt, 2012)

Configuration de microdata

requis: entity
Si pour bots : admin/config/services/microdata/vocabularies cocher Schema.org

Comparer la structure du site drupal (type de contenus, champs...) aux itemtypes et leurs propriétés du vocabulaire choisi (ici schema.org).
Puis aller modifier les types de contenu (onglet "microdata") et sur les champs (où on a activé microdata) : par ex pour un event, dans itemtype saisir http://schema.org/Event et les noms des propriétés séparées par des virgules, par ex startDate

un ex concret (avec le vocabulaire schema.org)

admin/structure/types/manage/cvanne

  • item type : saisir blogPosting
  • itemprop pour titre : name pour The name of the item.
  • la case "Handle as an item in microdata" était déja cochée, et le contenu de "Token to use for itemid" était déja configuré avec [node:url]

 

Puis pour mapper ses champs à /admin/structure/types/manage/cvanne/fields pour cliquer sur le lien modifier (ici body => admin/structure/types/manage/cvanne/fields/body)
 Enregistrer, on a alors la propriété voulue qui est configurée popur le champs body à admin/structure/types/manage/cvanne/fields :

La taxonomie

Ce type de contenu a un champs de taxonomie, nommé field_tagcvan - qui comporte des termes en anglais et en francais, décrivant des postes (maquilleuse, coiffure à domicile mais aussi référence une société, Viadom, et acteurs et réal avec qui elle a travaillé).
A admin/structure/taxonomy/cvanne/edit on trouve une partie "Term microdata settings" qui comporte "Property for term description" et "Property for term's url on this site (i.e. http://example.com/taxonomy/term/1) "

Tester (et baliser le contenu via Google)

Aller à https://developers.google.com/structured-data/testing-tool/ pour marquer (alternative aux modules installés : microdata et schema.org). Aide à support.google.com

Si le module du core rdfa n'a pas été activé, la page "données structurée" affiche le message "Aucune donnée structurée détectée sur votre site" et il est possible de baliser le contenu avec l'outil de Google.

Balisage via google

Une aide en francais est disponible à https://support.google.com/webmasters/topic/2753343?hl=fr&ref_topic=2692900
En gros, soit on marque une page (créer un ensemble de page qui ne comporte qu'une page - par ex si tous vos événements ou produits sont décrits sur une seule page), soit un ensemble de pages. Lors de la prochaine exploration de la page, les données structurées de votre ensemble de pages s'afficheront sur la page Données structurées. (en plus de ce que les modules SEO ont ajouté).

La page "Données structurées" ne répertorie que les entités de niveau supérieur détectées sur une page. Par exemple, si votre page contient un schéma schema.org/evenement qui, à son tour, contient un schéma schema.org/adresse, seul l'élément evenement est comptabilisé.
Si vous avez utilisé des microformats, des microdonnées ou RDFa pour ajouter des données structurées à une page, mais que cette dernière n'est pas répertoriée ici, utilisez l'outil de test des données structurées pour vérifier que Google peut accéder à votre page et interpréter votre contenu balisé.


 

 

 

 

Sur le web

date de 2011 https://www.ibm.com/developerworks/web/library/x-drupalhtml5/

intro microdata https://www.drupal.org/node/1181440
test microdata: http://foolip.org/microdatajs/live/  ou avec schema tools.seomoves.org/microdata/
specs https://html.spec.whatwg.org/multipage/microdata.html
ajouter ses champs https://www.drupal.org/node/1181460

Comparaison Microdata et RDF http://stackoverflow.com/questions/8957902/microdata-vs-rdfa/25888436#25888436
 

Image (file bookimg): 

microdatatype.png

Module microdata: configuration du type de donnée
Module microdata: configuration du type de donnée

microdata-unchp.png

une fois configuré le mapping d'un champ, la bonne propriété apparait
une fois configuré le mapping d'un champ, la bonne propriété apparait