Schema.org - JSON-LD - Où placer?


94

Je cherche à utiliser JSON-LD pour le schéma sur un site Web. (Schéma signifiant les données schema.org.) Je sais comment écrire les données mais ma question est: y a-t-il un emplacement préféré dans mon code pour insérer ces données? En d' autres termes, si le JSON-LD toujours dans le head, bodyetc.?

Réponses:


67

Du point de vue de Schema.org, JSON-LD et du RDF éventuellement extrait, cela ne devrait pas avoir d'importance. Les données sont les mêmes, peu importe d'où elles proviennent du document.

Du point de vue de HTML5:

S'il s'agit de données sur votre page (ou sur le sujet de cette page), vous pouvez placer l' scriptélément dans le head, en tant headqu'élément

[…] Représente une collection de métadonnées pour le document

Mais bien sûr, il ne serait pas faux de l'utiliser bodyà la place. C'est juste que vous ne devriez pas utiliser headpour des données qui ne concernent pas votre page ou ce qu'elle représente.


90

Les données peuvent être placées n'importe où. À partir de la documentation de Google :

Les données, enfermées dans les <script type="application/ld+json">... </script>balises comme indiqué dans les exemples ci - dessous, peuvent être placés soit dans la <HEAD>ou <BODY>région de la page qui affiche cet événement.

Vous pouvez également utiliser des données extraites dynamiquement à l'aide d'AJAX :

Le balisage JSON-LD inséré par Javascript qui s'exécute lors du chargement initial de la page peut être reconnu.

Mise à jour (comme indiqué par Antony dans les commentaires)

La dernière documentation dit:

[JSON-LD est une] notation JavaScript intégrée dans une balise dans l'en- tête ou le corps de la page ... Google peut lire les données JSON-LD lorsqu'elles sont injectées dynamiquement dans le contenu de la page, par exemple par du code JavaScript ou des widgets intégrés dans votre contenu Système de gestion.


5
La nouvelle URL est developer.google.com/search/docs/guides/intro-structured-data . Il y a un tableau 2/3 en bas, avec une colonne "Description et placement"
Antony

-4

si vous choisissez d'insérer dans le <body>, vous devez le faire comme ceci:

<p class="companyName" vocab="http://schema.org/" resource="#manu" typeof="Organization">
   <span property="name">ShopTech Media</span>
   <img property="logo" src="https://yoursite.com/logo.png" />
   <a property="url" href="http://www.yoursite.com">Home page</a>
</p>
<p typeof="contactPoint">
  <span property="contactType">Customer Service:</span>
<span property="telephone">+45-xxxxxxx</span>
</p>

ci-dessous le code de script pour insérer vos données structurées dans la <head>balise

<script type="application/ld+json"> 
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "url": "http://www.shoptech.media",
  "logo": "https://shoptech.media/wp-content/uploads/2019/08/cropped-logo-sm.png",
  "contactPoint": [{
    "@type": "ContactPoint",
    "telephone": "+45-65711114",
    "contactType": "customer service"
  }]
}
</script>

consulter la documentation à la directive générale sur les données structurées


Pouvez-vous étayer votre réponse avec certaines sources ou plus d'informations? D'autres réponses disent quelque chose de différent, et je ne trouve rien dans le lien que vous avez fourni.
Sebi
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.