[Résolu] Fil d'ariane LD-JSON

Bonjour Bongota. Alors :

C'est toi qui a relancé mon intérêt pour les données enrichies. J'en étais resté à ma zone de confort avec les microdata, mais {grâce à toi / à cause de toi } (rayez la mention inutile) et de tes commentaires récents sur le sujet je viens de me pencher sur la question, je me suis documenté un peu et ai commencé à implémenter ce format nouveau pour moi.

Pour cela je te remercie. Maintenant, voici un petit retour d’ascenseur :

En préalable, le JSON-LD, je le mets juste avant la fermeture de la balise body. Le journal "Le Monde" le fait, je l'ai implémenté sur ce modèle et c'est répertorié sans problème par les outils Google et schema.org.

Pour l'implémentation de plusieurs entités/contextes :
- par souci de facilité d'implémentation tu peux créer autant de balises script(type='application/ld+json') que tu veux, avec des instructions conditionnelles pour chaque contexte en fonction de tes pages par exemple. C'est ce que fait le journal précité.
- mais si tu veux tout implémenter dans une seule et unique balise script (à l'exemple d'un gros maniaque comme moi par exemple) c'est tout à fait possible. Pour cela il faut placer les différents modèles contextuels dans un tableau.

Un exemple pour ce dernier cas :

<script type="application/ld+json">[
  {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [{
      "@type": "ListItem",
      "position": 1,
      "item": {
        "@id": "https://monsiteweb.com",
        "name": "Accueil"
      }
    },{
      "@type": "ListItem",
      "position": 2,
      "item": {
        "@id": "https://monsiteweb.com/articles",
        "name": "Articles"
      }
    },{
      "@type": "ListItem",
      "position": 3,
      "item": {
        "@id": "https://monsiteweb.com/article/1",
        "name": "La légende dorée"
      }
    }]
  },
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://monsiteweb.com/article/1"
    },
    "headline": "Article headline",
    "image": [
      "https://monsiteweb.com/photos/1x1/photo.jpg",
      "https://monsiteweb.com/photos/4x3/photo.jpg",
      "https://monsiteweb.com/photos/16x9/photo.jpg"
    ],
    "datePublished": "16/04/2020",
    "dateModified": "16/04/2020",
    "author": {
      "@type": "Person",
      "name": "Henri de Lubac",
      "url": "https://monsiteweb.com/person/1"
    },
    "publisher": {
      "@type": "Organization",
      "name": "Le nom du truc",
      "logo": {
        "@type": "ImageObject",
        "url": "https://monsiteweb.com/logo.jpg"
      }
    }
  }
]</script>

Modifié par Olivier C (06 May 2022 - 00:22)

On est au moins deux à se pencher sur le problème (il y en a certainement plus...)
J'avais aussi commencé avec shema.org et les données structurées dans le html. C'est assez galère et source d'erreurs. Avec LD-JSON, c'est bien plus facile.
Le code que j'ai implanté depuis maintenant plus de deux mois est validé sur tous les tests que j'effectue, mais rien de spécial n'apparaît sur Google au sujet de mon site. Alors que j'ai mis dans le code un fichier image, qui devrait normalement se voir dans un résultat de recherche.
Tu me parles d'un code mis tout à la fin, dans le body. En ce qui me concerne, j'ai mis le code JSON dans le head, juste avant la balise de fermeture </head>
L'erreur ne serait-elle pas là ? Le code est valide mais mal placé ?
Merci pour ton exemple, dans un premier temps, je vais opter pour deux scripts.

Sur Alsa par exemple ?

Non non, ce n'est pas mauvais, la plupart des supports le préconisent et Google aussi d'ailleurs. Moi je charge à la fin pour raison de performance (peut-être pas justifiée).