Schema.org - JSON-LD - Onde colocar?

94

Estou procurando usar JSON-LD para esquema em um site. (Esquema significa dados do schema.org.) Eu sei como gravar os dados, mas minha dúvida é: há um local preferido em meu código para inserir esses dados? Em outras palavras, se o JSON-LD estar sempre na head, bodyetc.?

schema.org json-ld

— L84
fonte

67

Do ponto de vista do Schema.org, JSON-LD e do RDF possivelmente extraído, isso não deve importar. Os dados são os mesmos, não importa de onde foram extraídos no documento.

Da perspectiva do HTML5:

Se forem dados sobre sua página (ou sobre o que trata esta página), você pode colocar o scriptelemento no head, como o headelemento

[…] Representa uma coleção de metadados para o Documento

Mas é claro que não seria errado usar bodypara isso. Só que você não deve usar headpara dados que não sejam sobre sua página ou o que ela representa.

— unor
fonte

90

Os dados podem ser colocados em qualquer lugar. Da documentação do Google :

Os dados, incluídos nas tags <script type="application/ld+json">... </script>conforme mostrado nos exemplos abaixo, podem ser colocados na região <HEAD>ou<BODY> da página que exibe esse evento.

Você também pode usar dados buscados dinamicamente usando AJAX :

A marcação JSON-LD inserida por Javascript que roda no carregamento da página inicial pode ser reconhecida.

Atualização (conforme apontado por Antony nos comentários)

A documentação mais recente diz:

[JSON-LD é um] Notação JavaScript incorporada em uma tag no cabeçalho ou corpo da página ... O Google pode ler dados JSON-LD quando eles são injetados dinamicamente no conteúdo da página, como por código JavaScript ou widgets incorporados em seu conteúdo Sistema de gestão.

— Dheeraj Vepakomma
fonte

5

O novo URL é developers.google.com/search/docs/guides/intro-structured-data . Há uma tabela 2/3 abaixo, com uma coluna "Descrição e posicionamento"

— Antônio

-4

se você escolher inserir no <body>, terá que fazer assim:

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

abaixo está o código do script para inserir seus dados estruturados na <head>tag

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

verifique a documentação na diretriz geral de dados estruturados

— Richard Rosario
fonte

Você consegue fazer backup de sua resposta com algumas fontes ou mais informações? Outras respostas dizem algo diferente e não consigo encontrar nada no link que você forneceu.

— Sebi