Schema.org - JSON-LD - Где разместить?

Я хочу использовать JSON-LD для схемы на веб-сайте. (Schema означает данные schema.org.) Я знаю, как писать данные, но мой вопрос в том, что в моем коде есть предпочтительное место для вставки этих данных? Другими словами, если JSON-LD всегда находится в head, body и т.д.?

Ответ 1

С точки зрения Schema.org, JSON-LD и, возможно, извлеченного RDF это не имеет значения. Данные те же, независимо от того, где в документе он был извлечен.

С точки зрения HTML5:

Если его данные о вашей странице (или о том, что эта страница о), вы можете поместить элемент script в head, как элемент head

[...] представляет собой набор метаданных для документа

Но, конечно, было бы неправильно использовать body для этого. Просто, что вы не должны использовать head для данных, которые не касаются вашей страницы или того, что она представляет.

Ответ 2

Данные могут быть размещены где угодно. Из документации Google:

Данные, заключенные в <script type="application/ld+json">... Теги </script>, как показано в приведенных ниже примерах, можно поместить в либо в область <HEAD> или <BODY> страницы, на которой отображается это событие.

Вы также можете использовать данные, динамически выбираемые с помощью AJAX:

Разметка JSON-LD, вставленная Javascript, которая запускается при начальной загрузке страницы можно распознать.

Обновление (как указано Энтони в комментариях)

последняя документация гласит:

[JSON-LD - это] нотация JavaScript, встроенная в тег на странице заголовок или тело... Google может читать данные JSON-LD, когда они динамически внедряются в содержимое страницы, например с помощью кода JavaScript или встроенные виджеты в вашей системе управления контентом.

Ответ 3

если вы решите вставить в <body>, вы должны сделать это так:

<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="#" onclick="location.href='http://www.yoursite.com'; return false;">Home page</a>
</p>
<p typeof="contactPoint">
  <span property="contactType">Customer Service:</span>
<span property="telephone">+45-xxxxxxx</span>
</p>

ниже приведен код скрипта для вставки ваших структурированных данных в тег <head>

<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>

проверьте документацию в общем руководстве по структурированным данным