Des résultats enrichis Guide / Tuto avec les données structurées HowTo

Dernière mise à jour le 1 juillet 2022

C’est quoi un résultat enrichi Guide / Tuto ? C’est un résultat de moteur de recherche particulièrement mis en valeur au milieu des autres résultats.
C’est quoi les données structurées HowTo ? C’est tout simplement le moyen d’obtenir ce genre de résultats enrichis.
Mettre en place des données structurées « How To » est une optimisation SEO immanquable pour un tutoriel ou guide pratique en X étapes.

Sommaire

  1. L’affichage des résultats enrichis pour les guides / tutoriels (« en X étapes » ou « pas à pas »)
  2. Les données structurées HowTo
    1. HowTo et les moteurs de recherche
    2. HowTo dans schema.org
  3. Les données structurées de type HowTo dans schema.org
  4. Les prérequis pour obtenir un résultat enrichi de Guide
    1. Code JSON-LD pour les données structurées HowTo, la preuve par l’exemple
    2. Spécifications officielles
  5. Sujets / autres résultats enrichis en relation

L’affichage des résultats enrichis pour les guides / tutoriels (« en X étapes » ou « pas à pas »)

Le résultat enrichi de « guide » (tutoriel pas à pas) a différentes formes en fonction du contenu dont vous disposez : texte simple, photos ou vidéo. Ci-dessous, la cas où une image est associée à chaque étape du guide « Comment régler les freins d’un vélo » :

Avec son carrousel, un résultat de tutoriel « simple » avec des données structurées est quand même bien plus visible qu’un résultat classique (JDCJDR)

Difficile de faire mieux pour l’utilisateur qui obtiendra un maximum d’infos dans la page .. de Google. C’est plus compliqué pour les éditeurs de sites, dont le contenu est « proposé » gracieusement dans Google et qui ne voient plus une partie des visiteurs (les visiteurs qui trouvent dans la page du moteur tout ce qu’ils cherchent).

Retour au sommaire

Les données structurées HowTo

HowTo et les moteurs de recherche

Google et Bing utilisent les informations suivantes pour les résultats enrichis Guide :

  • Le nom du tuto
  • Chaque étape, détaillée, avec ou sans image ou vidéo, regroupée ou pas avec d’autres étapes dans des sections de guide
  • Le coût estimé des fournitures
  • L’image finale
  • Le matériel utilisé
  • Les outils utilisés
  • Le temps nécessaire

Retour au sommaire

HowTo dans schema.org

Dans schema.org, HowTo est rattaché à l’entité CreativeWork (après Thing, of course! ) :

Thing > CreativeWork > HowTo

On peut donc piocher dans les propriétés schema.org de type HowTo et CreativeWork pour personnaliser ses données structurées.

Retour au sommaire

Les prérequis pour obtenir un résultat enrichi de Guide

Obligations, interdictions, contraintes

Pour avoir un résultat enrichi de Guide dans Google, les seules propriétés obligatoires sont le nom et les étapes : les étapes sont elles-mêmes composées d’autres propriétés (HowToStep ou HowToSection). Il y a bien d’autres informations que l’on peut fournir : des images ou une vidéo (pour illustrer chaque étape), la durée et le coût de réalisation, le matériel nécessaire, …

Il y aussi quelques interdits et obligations quant au contenu … dans les données structurées HowTo, pas de pub, de « 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 ».

Tout le contenu doit être accessible dans la page, il faut donner des instructions suffisamment complètes… et le guide ne doit

  • ni être une recette de cuisine (voir les données structurées de type Recipe, pour des résultats avec étoiles de notation, photo et temps de préparation)
  • ni être un conseil d’ordre général (comment bien vieillir à partir de 30 ans en 5 points, 6 étapes pour être heureux sur Twitter, progresser en tout point en 7 étapes … c’est pas bon).
Illustration de recherche faite maison
Ne faites donc pas n’importe quoi par vous-même alors qu’il y a un guide disponible !

Retour au sommaire

Code JSON-LD pour les données structurées HowTo, la preuve par l’exemple

    
{
      "@context": "https://schema.org",
      "@type": "HowTo",
      "name": "Mettre en place des données structurées HowTo pour obtenir des résultats enrichis de type Guide",
      "image": {
        "@type": "ImageObject",
        "url": "https://www.extraits-enrichis.fr/wp-content/uploads/2022/06/howto-search-google-diy.jpg",        
        "height": "146",
        "width": "481"
      },
      "estimatedCost": {
        "@type": "MonetaryAmount",
        "currency": "EUR",
        "value": "0"
      },
      "supply": [
        {
          "@type": "HowToSupply",
          "name": "Site Web"
        }, {
          "@type": "HowToSupply",
          "name": "Temps"
        }, {
          "@type": "HowToSupply",
          "name": "Fun"
        }, {
          "@type": "HowToSupply",
          "name": "Générosité"
        }
      ],
      "tool": [
        {
          "@type": "HowToTool",
          "name": "Ordinateur"
        }, {
          "@type": "HowToTool",
          "name": "Connexion internet"
        },{
          "@type": "HowToTool",
          "name": "Article Les données structurées de guide (How To) du site Extraits enrichis"
        }
      ],
      "step": [
        {
          "@type": "HowToStep",
          "url": "https://www.extraits-enrichis.fr/tutoriel-donnees-structurees-how-to#preparer-contenus-howto",
          "name": "Avoir un contenu adapté",
          "itemListElement": [{
            "@type": "HowToDirection",
            "text": "Vérifier que le contenu soit suffisamment utile et concret"
          }, {
            "@type": "HowToDirection",
            "text": "Vérifier aussi que le contenu n'enfreint pas les consignes de Google (pas de pub, de contenu obscène, violent, ..."
          }, {
            "@type": "HowToDirection",
            "text": "Vérifier enfin que le contenu soit bien décomposé en étapes, et que toutes les étapes sont bien présentes dans la page."
          }, {
            "@type": "HowToTip",
            "text": "Les résultats enrichis illustrés avec des images, voire une vidéo, sont mieux visibles que ceux qui n'en ont pas."
		}]},
        {
          "@type": "HowToStep",
          "name": "Intégrer les données structurées",
          "url": "https://www.extraits-enrichis.fr/tutoriel-donnees-structurees-how-to#integrer-donnees-structurees-howto",
          "itemListElement": [{
            "@type": "HowToTip",
            "text": "Si vous utilisez un CMS, il devrait y avoir une extension, plugin ou module qui devrait vous faciliter la tâche."
          }, {
            "@type": "HowToDirection",
            "text": "Renseignez obligatoirement le nom du tutoriel ou guide pas à pas, et chaque étape."
          }, {
            "@type": "HowToDirection",
            "text": "Chaque étape doit être renseigné dans une liste HowToStep contenant des items HowToDirection ou HowToTip. Les HowToStep peuvent être regroupés dans des HowToSection. Les seuls champs obligatoires sont les listes et le texte des items."
          }, {
            "@type": "HowToDirection",
            "text": "Il est préfarable de vérifier le code de vos données structurées, par exemple avec le test des résultats enrichis de Google : une coquille est si vite arrivée."
          }]},
        {
          "@type": "HowToStep",
          "name": "Profiter des résultats enrichis HowTo des moteurs de recherche ",
          "url": "https://www.extraits-enrichis.fr/tutoriel-donnees-structurees-how-to#affichage-resultats-enrichis-howto",
          "itemListElement": [{
            "@type": "HowToDirection",
            "text": "Patientez suffisamment, le temps que vos données structurées aient été découvertes et analysées par les moteurs de recherche."
          }, {
            "@type": "HowToDirection",
            "text": "Impressionnez vos relations en leur envoyant des captures d'écran de Google avec le résultat enrichi HowTo de votre précieux guide."
          }]
        }
      ],
      "totalTime": "PT1H"
    }

Retour au sommaire

Spécifications officielles

Retour au sommaire

Sujets / autres résultats enrichis en relation

Retour au sommaire

Par J-Michotey

Je suis ceinture jaune de WordPress ! ... Ce site a déjà eu plusieurs vies. Aujourd’hui, c’est une vie sage et bien rangée. Toujours pas de plan de développement, de comité éditorial ou de stratégie long terme, mais toujours une même raison d’être. N’hésitez pas à déposer un message, une suggestion, des fleurs… ! Et bonne lecture