Outil d'aide au balisage de données structurées

L'outil d'aide au balisage de données structurées vous permet de baliser des éléments spécifiques d'une page Web pour aider Google à les interpréter, et à présenter vos données de façon plus attrayante et plus innovante dans la recherche Google. Par ailleurs, si vous avez l'habitude d'envoyer à vos clients des e-mails au format HTML, cet outil vous montre également comment modifier vos modèles d'e-mails afin qu'ils soient mis en valeur dans Gmail.

Ouvrir l'outil d'aide au balisage de données structurées

Exemples :

  • Événement : si vous balisez les événements sur votre site, la prochaine fois que le robot Google l'explorera, les données relatives à ces événements pourront s'afficher dans les extraits enrichis figurant sur les pages de résultats de recherche.

    Extrait enrichi d

  • E-mail : si le balisage est appliqué à un e-mail relatif à une réservation de vol, Gmail peut afficher ces informations sur votre ordinateur ou dans votre flux personnel.

    Gmail snippet for a flight reservation.

 

Si vous ne souhaitez pas ajouter manuellement du code sur votre site Web, vous pouvez utiliser le Marqueur de données.

Si vous avez l'habitude de manipuler du code, familiarisez-vous avec les données structurées et ajoutez manuellement le balisage à votre site.

Baliser une page Web ou un e-mail

Vous pouvez baliser des éléments sur une page Web HTML ou dans un e-mail HTML.

Baliser des éléments sur une page Web

Pour baliser des éléments d'une page Web, procédez comme suit :

  1. Ouvrez l'outil d'aide au balisage de données structurées.
  2. Sélectionnez l'onglet Site Web.
  3. Choisissez le type de page que vous souhaitez baliser (page d'un film ou page d'un événement, par exemple). Bien que plusieurs éléments puissent figurer sur une même page, il est préférable qu'ils soient tous de même type (tous des films ou tous des événements, par exemple).
  4. Saisissez l'URL d'une page existante ou le code HTML brut de la page. Si vous indiquez une URL, assurez-vous que la page correspondante est accessible sans identifiants de connexion. Pour vérifier que c'est bien le cas, ouvrez une fenêtre de navigation privée dans Chrome, puis essayez d'accéder à la page concernée. Si son contenu s'affiche, cela signifie que tout le monde y a accès.
  5. Sélectionnez Commencer le balisage.
  6. Sélectionnez les parties de la page contenant des informations importantes (par exemple, l'heure de début d'un événement), puis identifiez le type d'information correspondant dans la liste déroulante qui apparaît ("Heure de début").
    1. Si vous utilisez des chaînes de date complexes ou que vous rencontrez des difficultés pour baliser les dates, reportez-vous à la section Balisage avancé des dates.
    2. Si vous devez ajouter des informations qui ne sont pas visibles sur votre page, consultez la section Ajouter des données manquantes.
    3. Si vous devez supprimer une balise générée par l'outil d'aide au balisage de données structurées, reportez-vous à la section Supprimer des balises.
  7. Assurez-vous de fournir toutes les informations requises pour le type de données spécifique. Le volet Mes éléments de données contient une liste de toutes les valeurs possibles pour chaque élément. Les valeurs obligatoires sont marquées comme telles. Par exemple, pour un événement, vous devez fournir son nom, l'endroit où il aura lieu et une date de début.
  8. Lorsque vous avez terminé de baliser toutes les données appropriées sur la page, sélectionnez Créer le HTML pour générer le code correspondant. Sélectionnez un format de sortie : la valeur par défaut est "JSON-LD" (préférée par Google), mais vous pouvez également opter pour "Microdonnées". Copiez le code à partir de la fenêtre de sortie ou sélectionnez Télécharger. L'étape suivante dépend du format :
    1. Format JSON-LD : copiez le code généré et collez-le dans le corps de la page.
    2. Format de microdonnées : remplacez la page par le code HTML généré.
  9. Pour tester le code généré, copiez-le, puis collez-le dans l'outil d'aide au balisage de données structurées. Cet outil indique les champs manquants que vous devez renseigner pour aider Google à interpréter la page. Pour certains types de données, il propose même un aperçu de la page telle qu'elle devrait apparaître dans les résultats de la recherche Google.
  10. Quelques semaines peuvent être nécessaires pour que le robot Google identifie le nouveau code de votre page. Vos données structurées doivent figurer dans le rapport sur les données structurées de la Search Console. Si vos données sont explorées, complètes et correctes, elles peuvent s'afficher comme résultats enrichis. Si aucun résultat enrichi n'est proposé pour votre site, découvrez les raisons possibles.

Baliser des éléments dans un e-mail

Pour baliser des éléments dans un e-mail au format HTML, procédez comme suit :

  1. Ouvrez l'outil d'aide au balisage de données structurées.
  2. Sélectionnez l'onglet E-mail.
  3. Sélectionnez le type d'information que vous souhaitez baliser (une réservation de billet ou une commande de produit, par exemple).
  4. Saisissez le code HTML de l'e-mail.
  5. Sélectionnez Commencer le balisage.
  6. Sélectionnez les parties de la page contenant des informations importantes (par exemple, le numéro de réservation du billet), puis identifiez le type d'information correspondant dans la liste déroulante qui apparaît ("Numéro de réservation").
    1. Si vous utilisez des chaînes de date complexes ou que vous rencontrez des difficultés pour baliser les dates, reportez-vous à la section Balisage avancé des dates.
    2. Si vous devez ajouter des informations qui ne sont pas visibles sur votre page, consultez la section Ajouter des données manquantes.
    3. Si vous devez supprimer une balise générée par l'outil d'aide au balisage de données structurées, reportez-vous à la section Supprimer des balises.
  7. Assurez-vous de fournir toutes les informations requises pour le type de données spécifique. Le volet Mes éléments de données contient une liste de toutes les valeurs possibles. Les valeurs obligatoires sont marquées comme telles. Si vous ne renseignez pas toutes les valeurs obligatoires, Google ne sera pas en mesure de traiter la page.
  8. Si l'icône d'alerte (Alert Icon) apparaît à côté d'un élément balisé, sélectionnez les données situées à côté de cette icône, examinez le balisage et effectuez l'une des opérations suivantes :
    • Si le balisage est incorrect, sélectionnez le signe X à côté des données, puis apportez les modifications nécessaires.
    • Si le balisage est correct, sélectionnez l'icône d'alerte elle-même (Alert Icon), puis l'option Effacer l'avertissement.
  9. Une fois que vous avez terminé le balisage, sélectionnez Créer le HTML pour générer le code HTML à utiliser pour l'e-mail. La valeur par défaut est "JSON-LD" (préférée par Google), mais vous pouvez également opter pour "Microdonnées". Sélectionnez Télécharger ou copiez simplement le code HTML généré et collez-le.
    1. Format JSON-LD : copiez le code généré et collez-le dans le corps de l'e-mail.
    2. Format de microdonnées : remplacez l'e-mail par le code HTML généré.
  10. Pour tester le code, envoyez un e-mail à un compte Gmail ou utilisez l'outil de validation du balisage des e-mails.

Enregistrer et reprendre la modification d'une page ou d'un e-mail

Pour enregistrer le balisage dans son état actuel, ajoutez la page aux favoris dans le navigateur. L'outil d'aide au balisage de données structurées enregistrera cet état, y compris toutes les valeurs de balisage, pendant une durée d'un mois.

 

Supprimer des balises

Vous pouvez annuler tout ou partie des balises créées via l'outil d'aide au balisage de données structurées.

Pour effacer une balise spécifique :

  1. Sélectionnez la balise dans l'exemple de page ou d'e-mail.
  2. Dans le menu contextuel qui s'affiche, sélectionnez Effacer la balise.
Vous pouvez également rechercher les données correspondantes dans la colonne "Mes éléments de données", positionner le curseur de la souris au-dessus de celles-ci, puis cliquer sur le signe X qui apparaît.

 

Pour effacer toutes les balises :

  1. Soyez prudent : vous ne pouvez pas annuler une demande de suppression de toutes les balises. Le cas échéant, vous devrez recommencer le balisage à partir de zéro. Si vous avez déjà appliqué un balisage à votre contenu, l'outil d'aide au balisage ne le supprime pas. La suppression de toutes les balises ne concerne que les balises qui ont été ajoutées par l'outil.
  2. Cliquez sur l'icône en forme de roue dentée Paramètres.
  3. Sélectionnez Effacer toutes les balises de cette page.
Balisage avancé des dates

L'outil d'aide au balisage de données structurées interprète de nombreux formats de dates, dans la mesure où ces dernières incluent un mois, un jour et une année. Pour renseigner des données manquantes (par exemple, l'année), ajoutez-les à l'ensemble de pages.

Si votre site affiche les dates en un seul bloc (par exemple, "4 juin 2012"), nous vous conseillons d'appliquer le balisage au bloc entier. En limitant le nombre de balises créées, vous gagnerez du temps, et l'outil d'aide au balisage sera plus précis.

Baliser les dates en un seul bloc :

  1. Commencez le balisage des données conformément aux instructions spécifiques au balisage des éléments sur une page ou au balisage des éléments dans un e-mail.
  2. Sur la page "Baliser", utilisez la souris pour sélectionner une date. Par exemple, sélectionnez la date suivante : 4 juin 2012.
  3. Sélectionnez Date > Date/Heure ou période dans le menu contextuel qui s'affiche.

    L'outil d'aide au balisage ajoute la date à la colonne "Mes éléments de données".

  4. Terminez le balisage des données conformément aux instructions spécifiques au balisage des éléments sur une page ou au balisage des éléments dans un e-mail.

Baliser des dates en plusieurs parties

Certains types de contenu affichent les informations de date en plusieurs parties ou utilisent des libellés pour identifier les différents composants de la date. Par exemple, une page qui répertorie plusieurs événements peut afficher le mois et l'année une première fois en haut de la page, puis préciser le jour à côté de chaque événement. Si votre contenu indique les dates en plusieurs parties, vous devez les baliser en plusieurs parties également. 

Notez que l'outil d'aide au balisage ne comprend pas les dates qui sont à la fois balisées en plusieurs parties et qui spécifient une période (telles que 4-5 juin et 2012).

Baliser des dates en plusieurs parties :

  1. Commencez le balisage des données conformément aux instructions spécifiques au balisage des éléments sur une page ou au balisage des éléments dans un e-mail.
  2. Sur la page "Baliser", utilisez la souris pour sélectionner une date. Par exemple, sélectionnez l'élément suivant : juin.
  3. Sélectionnez Date > Avancé > élément de date dans le menu contextuel qui s'affiche. Par exemple, sélectionnez Date > Avancé > Mois.

    L'outil d'aide au balisage ajoute la date à la colonne "Mes éléments de données".

  4. Continuez, jusqu'à avoir balisé tous les éléments de données disponibles pour la date.
  5. Terminez le balisage conformément aux instructions spécifiques au balisage des éléments sur une page ou au balisage des éléments dans un e-mail.

Exemples de balises de date

Voici quelques exemples de dates que vous pouvez baliser :

  • Une date unique. Par exemple, vous pouvez baliser les dates suivantes :
    • 4 juin 2012
    • 6/4/12 : vos balises peuvent inclure d'autres séparateurs ainsi que des années à quatre chiffres, par exemple 6-4-2012. Quand les dates numériques sont ambiguës, Google part du principe que le premier chiffre correspond au mois.
    Vous pouvez baliser plusieurs dates sur une page. Par exemple, si vous balisez les dates 4 juin 2012 et 6 juin 2012, l'événement sera interprété comme ayant lieu deux fois : une fois le 4 juin et une fois le 6 juin.
  • Une plage de dates : 4-7 juin 2012, par exemple.
    Notez que le séparateur entre les dates de début et de fin doit être un tiret (-).
  • Des dates avec des heures. Par exemple, vous pouvez baliser les dates suivantes :
    • 4 juin 2012 3pm : une heure suivie de "am" ou "pm". Google utilise les heures ouvrées standards pour interpréter les heures qui ne sont pas suivies par "am" ou "pm". Par exemple, 11 est interprété comme 11am et 2 comme 2pm.
    • 4 juin 2012 15:00 : heure militaire.
    • 4 juin 2012 3pm EST ou  4 juin 2012 3pm -5:00  : heures avec un fuseau horaire ou un décalage UTC/GMT.
    • 4 juin 2012 2-3pm ou  4-5 juin 2012 2-3pm  : périodes horaires avec ou sans période sur plusieurs jours.
  • Dates en plusieurs parties. Vous pouvez utiliser l'option de balisage avancé pour baliser les morceaux de texte suivants comme une seule et même date :
    • Jour : Mardi 4 juin Année : 2013
    • 4 juin | Heure : 7:30pm-9:30pm et 2012
    Google ne reconnaît pas les périodes qui ont été séparées en plusieurs balises. Par exemple, les balises suivantes ne sont pas des balises de date valides :
    • 4-5 juin et 2012.

Spécifier le format de date manuellement

L'outil d'aide au balisage présume que les dates figurant dans le contenu suivent les règles de mise en forme associées à la langue de ce contenu. Par exemple, si la langue d'une page correspond à en-US (anglais américain), il en déduit que "12-06-12" signifie "6 décembre 2012". Si la langue d'une page est en-GB (anglais britannique), il en déduit que "12-06-12" équivaut à "12 juin 2012". L'outil d'aide au balisage détermine automatiquement la langue de la page et, en conséquence, les règles de mise en forme de la date.

Pour contourner l'outil d'aide au balisage et spécifier un format de date différent :

  1. Sélectionnez l'icône en forme de roue dentée, puis l'option Paramètres.
  2. Dans la fenêtre pop-up "Paramètres", sélectionnez un format dans la liste "Format de date".
  3. Sélectionnez Enregistrer.
Ajouter des données manquantes

Si des données sont manquantes dans votre exemple de contenu, telles que l'année d'un événement, vous pouvez spécifier une valeur. L'outil d'aide au balisage de données structurées ajoutera un balisage HTML pour cette valeur.

Vous pouvez ajouter des données manquantes à tout moment, et les modifier ou les supprimer si vous le souhaitez.

Ajouter, modifier ou supprimer des données manquantes :

  1. Sélectionnez l'option Ajouter les balises manquantes qui se trouve en bas de la colonne "Mes éléments de données". 
  2. Utilisez l'une des méthodes suivantes :
    • Pour ajouter une valeur, sélectionnez une balise dans la liste Sélectionner une balise. Saisissez ensuite la valeur dans la zone de texte. Par exemple, sélectionnez Catégorie, puis saisissez "Musique traditionnelle irlandaise".
    • Pour supprimer des données existantes, sélectionnez le signe X dans la zone de texte souhaitée.
    • Pour modifier des données existantes, changez la valeur correspondante dans la zone de texte.
  3. Sélectionnez Enregistrer
    L'outil d'aide au balisage affiche la valeur spécifiée sous "Mes éléments de données".

Modifier la langue de la page

L'outil d'aide au balisage de données structurées détecte automatiquement la langue de votre exemple de contenu afin de mieux interpréter les données figurant sur votre page. Si le balisage créé par l'outil d'aide au balisage est incorrect, vous pouvez lui indiquer de manière explicite quelle langue utiliser.

Pour spécifier la langue manuellement :

  1. Sélectionnez l'icône en forme de roue dentée, puis l'option Paramètres.
  2. Dans la fenêtre pop-up "Paramètres", sélectionnez une langue dans la liste "Langue du site".
  3. Sélectionnez Enregistrer.
En quoi consiste schema.org ?

schema.org est le résultat d'une collaboration entre Google, Microsoft et Yahoo!, visant à améliorer le Web grâce à la création d'un vocabulaire commun pour la description des données sur le Web. Si vous ajoutez le balisage schema.org à vos pages HTML, de nombreuses entreprises et de nombreux produits, y compris la recherche Google, pourront interpréter les données figurant sur votre site. De même, si vous ajoutez le balisage schema.org à un e-mail au format HTML, les données pourront être interprétées par Gmail, mais aussi par d'autres services de messagerie.

Vous pouvez utiliser différents types de balisage pour décrire vos données à l'aide du vocabulaire schema.org. L'outil d'aide au balisage peut vous aider à utiliser les formats microdonnées et JSON-LD.

Pour en savoir plus sur schema.org, consultez l'article Questions fréquentes sur schema.org.

Qu'est-ce que le balisage au format microdonnées ou JSON-LD ?

Les formats microdonnées et JSON-LD vous permettent de baliser vos données à l'aide du vocabulaire schema.org. Il est préférable de choisir l'un ou l'autre des formats et de ne pas utiliser les deux formats sur une même page ou dans un même e-mail. Le format que nous privilégions pour le contenu Web est le format microdonnées.

Microdonnées

Les données sont définies à l'aide de balises et d'attributs HTML. À titre d'exemple, vous trouverez ci-dessous du code HTML décrivant un événement :

<div> 
  Venez écouter le groupe Tiny Tim Tribute en concert le 
  6 juillet 2013 au superbe Regency Theater !
</div>
    

Et voici le même code HTML avec le balisage au format microdonnées :

<div itemscope itemtype="http://schema.org/Event"> 
  Venez écouter le 
  <span itemprop="name">groupe Tiny Tim Tribute</span>, 
  en concert le 
  <span itemprop="startDate" 
  content="2013-07-06>6 juillet, 2013</span> 
  au superbe
  <span itemprop="location" itemscope 
    itemtype="http://schema.org/Place"> 
    <span itemprop="name">Regency Theater</span> !
  </span>
</div>
    

Pour en savoir plus, consultez l'article À propos des microdonnées.

JSON-LD

Les données sont définies à l'aide d'un objet JavaScript dans votre page HTML. À titre d'exemple, vous trouverez ci-dessous du code JSON-LD décrivant un événement :

<script type="application/ld+json">
{
  "@context" : "http://schema.org",
  "@type" : "Event",
  "name" : "Slim Whitman Tribute",
  "startDate" : "2013-07-06",
  "location" : {
    "@type" : "Place",
    "name" : "Hollywood Bowl"
  }
}
</script>
    

Pour en savoir plus, consultez le site relatif au code JSON-LD.

Qu'en est-il de mon balisage actuel ?

Tout balisage est ignoré dans la page d'exemple ou dans l'e-mail que vous balisez. Ainsi, si vous balisez du texte ayant déjà été balisé, un balisage supplémentaire sera ajouté.

 
Avez-vous des commentaires à nous faire parvenir concernant l'outil d'aide au balisage de données structurées ? Exprimez-vous sur le forum de la Search Console relatif aux données structurées.
Cet article vous a-t-il été utile ?
Comment pouvons-nous l'améliorer ?