Ajouter manuellement un balisage pour une propriété

Même si l'outil d'aide au balisage indique comment ajouter un balisage pour les propriétés de données les plus courantes, il n'est pas compatible avec toutes les propriétés de schema.org. Si votre page contient des données qui sortent du cadre des propriétés habituelles, consultez le type de données sur schema.org et exploitez les informations que vous y trouverez pour baliser votre contenu. Enfin, utilisez l'outil de test des données structurées pour vérifier le balisage.

Ajouter manuellement un balisage de microdonnées pour une propriété

  1. Balisez autant de données que possible dans l'outil d'aide au balisage.
  2. Téléchargez l'exemple de balisage de l'outil d'aide au balisage.
  3. Si votre page contient des données qui ne sont pas compatibles avec l'outil d'aide au balisage, consultez le document de référence schema.org pour savoir comment traiter le type de données qui se trouve sur votre page. Cliquez sur le type de données qui vous intéresse dans la liste "Types de données compatibles avec l'outil d'aide au balisage". Cliquez ensuite sur le lien redirigeant vers le document de référence schema.org correspondant à ce type de données.
  4. Identifiez le nom de la propriété correspondant aux données supplémentaires que vous souhaitez baliser. Par exemple, si vous souhaitez baliser un prix que le film a remporté, recherchez un nom de propriété comme Award pour l'élément Film.
  5. Si les données de votre page HTML ne sont pas déjà délimitées par leurs propres balises HTML, procédez au balisage. Vous pouvez utiliser une balise <span> pour délimiter les données intégrées, et une balise <div> pour indiquer un bloc de données.
  6. Ajoutez l'attribut itemprop à la balise de délimitation, puis spécifiez le nom de la propriété schema.org comme valeur d'attribut.

    Par exemple, l'extrait de code HTML ci-dessous indique que le film "L'Arnaque" a remporté l'Oscar du meilleur film :

    <div itemscope itemtype="https://schema.org/Movie"> 
      En 1974, <span itemprop="name">L'Arnaque</span> a remporté
      l'<span itemprop="award">Oscar du meilleur film</span>.
      <img itemprop="image" src="sting.jpg" alt="Affiche du film L'Arnaque"/>
    </div>
    

    Pour plus d'informations et des exemples sur l'ajout de microdonnées, consultez À propos des microdonnées.

    Pour plus d'informations sur l'ajout d'un balisage JSON-LD, consultez JSON-LD.

  7. Après avoir ajouté le balisage, utilisez l'outil de test des données structurées pour vérifier le balisage et vous assurer que Google peut extraire les données structurées de votre page.

À propos des types de données schema.org

Afin d'uniformiser la description des données sur les pages Web, schema.org classe ces données en différents types et associe un schéma unique à chacun d'eux. Chaque schéma est organisé comme une liste de propriétés. Par exemple, schema.org propose le schéma Movie que vous pouvez utiliser pour baliser des pages contenant des données sur des films. Le schéma "Movie" définit les propriétés du titre, des acteurs, du réalisateur d'un film, etc. 

Les schémas sont hiérarchisés. Les schémas proches du sommet de la hiérarchie sont génériques, tandis que ceux situés plus bas dans la hiérarchie sont plus spécifiques. Par exemple, un film est une œuvre créative (CreativeWork), et une œuvre créative est un objet (Thing).

schema.org hierarchy

Ces informations vous-ont elles été utiles ?
Comment pouvons-nous l'améliorer ?