HowTo

Les données structurées HowTo vous permettent d'indiquer explicitement à Google que votre contenu correspond à un guide. Ce type de contenu guide les utilisateurs tout au long d'une série d'étapes visant à accomplir une tâche. Il peut inclure des vidéos, des images et du texte. Par exemple, il peut expliquer comment nouer une cravate ou comment carreler le pan de mur d'une cuisine. Si votre guide comprend diverses étapes qui se suivent, l'utilisation de données structurées HowTo peut vous aider à mettre en avant votre contenu. Les données structurées HowTo sont appropriées lorsque l'objet principal de la page est un guide.

Lorsque vous utilisez un balisage approprié pour une page de guide, celle-ci peut apparaître comme résultat enrichi dans la recherche Google et comme action spécifique dans l'Assistant Google, ce qui contribue à attirer les internautes souhaités sur votre site.

Fonctionnalités disponibles

Les résultats enrichis de type HowTo sont disponibles dans tous les pays et toutes les langues où la recherche Google est utilisée. Cette fonctionnalité est uniquement accessible sur les appareils mobiles, pas sur les ordinateurs.

Exemples

Voici quelques exemples de résultats enrichis mettant en avant le contenu de guides. Le résultat enrichi affichera plus d'images si votre guide contient une image de la procédure terminée ainsi qu'une image pour chaque étape. Pour que la représentation de ce dernier dans la recherche Google soit optimale, veillez à ajouter autant de propriétés obligatoires et recommandées que possible.

Résultat enrichi standard pour un guide

Image d'un résultat enrichi standard pour un guide
JSON-LD

Voici un exemple de guide avec un contenu essentiellement textuel au format JSON-LD. Cet exemple ne comporte qu'une image représentant l'état final de la procédure. Dans ce résultat, les internautes peuvent voir un aperçu du contenu de certaines étapes.

Microdonnées

Voici un exemple de guide avec un contenu essentiellement textuel sous forme de microdonnées. Cet exemple ne comporte qu'une image représentant l'état final de la procédure. Dans ce résultat, les internautes peuvent voir un aperçu du contenu de certaines étapes.

Résultat enrichi comprenant des images pour chaque étape du guide

Image d'un résultat enrichi visuel pour un guide
JSON-LD

Voici un exemple de guide comportant des images à chaque étape, au format JSON-LD. Lorsque vous utilisez une image pour chaque étape, les internautes peuvent voir le résultat enrichi sous forme de carrousel.

Microdonnées

Voici un exemple de guide comportant des images à chaque étape, sous forme de microdonnées. Lorsque vous utilisez une image pour chaque étape, les internautes peuvent voir le résultat enrichi sous forme de carrousel.

Résultat enrichi comprenant une vidéo pour le guide

JSON-LD

Voici un exemple de guide comprenant un mélange de texte, d'images et de clips vidéo, au format JSON-LD.

Microdonnées

Voici un exemple de guide comprenant un mélange de texte, d'images et de clips vidéo, sous forme de microdonnées.

Consignes

Pour que votre page puisse apparaître en tant que résultat enrichi et en tant qu'action spécifique dans l'Assistant Google, vous devez suivre ces consignes :

Consignes relatives au contenu

  • Publicité : n'utilisez pas les données structurées HowTo à des fins publicitaires.
  • Contenu inéligible : le guide peut ne pas s'afficher en tant que résultat enrichi s'il comporte un contenu obscène, grossier ou sexuellement explicite, des images violentes, s'il fait la promotion d'activités dangereuses ou illégales, ou encore s'il contient des propos haineux ou offensants.
  • Source : les internautes doivent avoir accès à l'ensemble du contenu HowTo sur la page source. L'objet principal de la page doit être un guide. N'incluez pas plus d'un élément HowTo par page.
  • Fournitures et outils : ajoutez des données structurées à toutes les fournitures et à tous les outils nécessaires pour mener à bien la tâche.
  • Étapes : chaque élément HowToStep doit inclure l'intégralité du contenu de l'étape source. Utilisez-le uniquement pour baliser des étapes, et pas pour d'autres types de contenu tels que les résumés ou les paragraphes d'introduction.
  • Images d'étape : si les étapes sont plus claires avec des illustrations, assurez-vous que ces dernières soient balisées en conséquence pour chaque élément HowToStep. Balisez uniquement les images d'instruction spécifiques à chaque étape et veillez à ce que les illustrations soient différentes pour chaque étape du même guide. Utilisez les images qui correspondent au contenu de votre page. Pour optimiser le résultat enrichi, évitez les illustrations qui ne reflètent pas le contenu du guide ou qui sont différentes.
  • Image finale : si le résultat final peut être représenté avec précision par une image, assurez-vous que celle-ci est présente sur la page et que le balisage HowTo utilise la propriété image. Cette image peut être la même que celle balisée dans la dernière étape.
  • Contenu : n'utilisez pas le balisage HowTo pour les recettes. Les recettes doivent utiliser les Recipe structured data. Les articles et les conseils d'ordre général qui ne constituent pas un ensemble spécifique d'instructions ne sont pas adaptés au balisage HowTo.

Définitions des types de données structurées

Vous devez inclure les propriétés obligatoires pour que votre contenu puisse être affiché sous forme de résultat enrichi. Vous pouvez également inclure les propriétés recommandées pour ajouter d'autres informations à vos données structurées et ainsi offrir une meilleure expérience utilisateur.

Pour valider et prévisualiser vos données structurées, utilisez l'outil de test des résultats enrichis de Google.

HowTo

La définition complète de la propriété HowTo est disponible sur schema.org/HowTo.

Le type HowTo indique que la page contient un guide. Vous devez utiliser une définition de type HowTo par page.

Propriétés obligatoires
name

Text

Titre du guide ("Comment nouer une cravate", par exemple).

step HowToStep ou HowToSection

Tableau d'éléments HowToStep comprenant les instructions complètes du guide. Chaque élément step doit correspondre à une étape individuelle dans les instructions. N'utilisez pas cette propriété pour baliser un contenu autre que des étapes, tel qu'un résumé ou un paragraphe d'introduction. Exemple :

  • Pour spécifier le texte complet pour chaque étape, définissez la propriété text de chaque étape (HowToStep). L'utilisation d'un élément image, name (pour le titre de l'étape) ou url est facultative, mais recommandée, sachant que les propriétés facultatives peuvent contribuer à la présentation enrichie du résultat de recherche.
  • Pour les procédures complexes, vous pouvez fournir le nom d'une étape via la propriété name et répertorier les étapes secondaires individuelles avec HowToDirection ou HowToTip.

Tableau d'éléments HowToSection comprenant les instructions complètes de ce guide (HowTo). Exemple :

Propriétés recommandées
description

Text

Description du guide.

estimatedCost MonetaryAmount ou Text

Coût estimé des fournitures utilisées lors de l'exécution des instructions.

image ImageObject ou URL

Image du guide terminé. Consignes supplémentaires relatives aux images :

  • Les URL des images doivent être explorables et indexables.
  • Les images doivent représenter le contenu balisé.
  • Les images doivent être au format .jpg, .png ou .gif.
supply HowToSupply ou Text

Fourniture utilisée lors de l'exécution des instructions ou d'une procédure.

tool HowToTool ou Text

Objet utilisé lors de l'exécution des instructions ou d'une procédure.

totalTime Duration

Temps total nécessaire pour exécuter toutes les instructions ou toute la procédure (y compris le temps nécessaire pour préparer les fournitures), au format ISO 8601.

video VideoObject

Vidéo de la procédure à suivre. Respectez la liste des propriétés vidéo obligatoires et recommandées. Utilisez hasPart pour marquer les étapes de la vidéo.

HowToSection

La définition complète de la propriété HowToSection est disponible sur schema.org/HowToSection.

Le type HowToSection représente une section d'un guide et contient une ou plusieurs étapes. N'utilisez pas HowToSection pour spécifier différentes possibilités de mener à bien une tâche. HowToSection est réservé aux sections présentant une procédure unique. Pour répertorier plusieurs approches possibles pour une seule tâche, utilisez un objet HowTo pour chaque approche. Par exemple, pour décrire les différentes manières de changer un pneu, optez pour des objets HowTo. Les éléments HowToSection ne sont pas appropriés dans ce cas.

Propriétés obligatoires
itemListElement HowToStep

Liste des étapes détaillées correspondant à la section.

name Text

Nom de la section.

HowToStep

La définition complète de la propriété HowToStep est disponible sur schema.org/HowToStep.

Le type HowToStep définit l'étape textuelle simple d'un guide et peut inclure une image.

Propriétés obligatoires
itemListElement HowToDirection ou HowToTip

Liste d'étapes secondaires détaillées comprenant des instructions ou des conseils.

Propriété facultative si l'élément text est utilisé.

text Text

Instructions écrites complètes de cette étape.

Propriété facultative si l'élément itemListElement est utilisé. Consignes supplémentaires :

  • N'incluez que les instructions, pas le texte tel que "Instructions", "Regarder la vidéo", "Étape 1". Spécifiez ces expressions en dehors de la propriété balisée.
Propriétés recommandées
image ImageObject ou URL

Image représentant l'étape. Consignes supplémentaires relatives aux images :

  • Les URL des images doivent être explorables et indexables.
  • Les images doivent représenter le contenu balisé.
  • Les images doivent être au format .jpg, .png ou .gif.
name Text

Mot ou courte expression résumant l'étape (par exemple, "Attacher des fils à un poteau" ou "Creuser"). N'utilisez pas de texte non descriptif (par exemple, "Étape 1 : [texte]") ni d'autre forme de numérotation d'étape (par exemple, "1. [texte]").

url URL

URL qui renvoie directement à l'étape (le cas échéant). Il peut, par exemple, s'agir du fragment d'un lien d'ancrage.

video VideoObject ou Clip

Vidéo représentant cette étape ou extrait de la vidéo.

Pour VideoObject, respectez la liste des propriétés vidéo obligatoires et recommandées.

Utilisez hasPart pour marquer les étapes du guide. Exemple :


{
  "@type": "HowToStep",
  "video": {
    "@id": "Clip1"
  }
}

HowToSupply et HowToTool

Les définitions complètes des propriétés HowToSupply et HowToTool sont disponibles sur schema.org/HowToSupply et schema.org/HowToTool.

HowToSupply et HowToTool permettent de compléter le guide (HowTo). Leurs propriétés obligatoires et facultatives sont identiques.

Propriétés obligatoires
name Text

Nom de la fourniture ou de l'outil.

Propriétés recommandées
image ImageObject ou URL

Image de la fourniture ou de l'outil. Consignes supplémentaires relatives aux images :

  • Les URL des images doivent être explorables et indexables.
  • Les images doivent représenter le contenu balisé.
  • Les images doivent être au format .jpg, .png ou .gif.

HowToDirection et HowToTip

Les définitions complètes des propriétés HowToDirection et HowToTip sont disponibles sur schema.org/HowToDirection et schema.org/HowToTip.

Utilisez HowToDirection et HowToTip pour décrire des instructions ou des conseils. Leurs propriétés obligatoires et facultatives sont identiques.

Propriétés obligatoires
text Text

Texte de l'instruction ou du conseil.

Envoyer des commentaires concernant…