snippets - Schema.org-JSON-LD-¿Dónde colocarlo?
json ld test (3)
Desde las perspectivas de Schema.org, JSON-LD y el RDF posiblemente extraído, no debería importar. Los datos son los mismos, sin importar de qué parte del documento se extrajeron.
Desde la perspectiva de HTML5:
Si se trata de datos sobre su página (o de qué trata esta página), puede colocar el elemento de
script
en el
head
, como el
elemento de
head
[...] representa una colección de metadatos para el documento
Pero, por supuesto, no estaría mal usar
body
para esto.
Es solo que no debe usar la
head
para los datos que no se refieren a su página o lo que representa.
Estoy buscando usar JSON-LD para el esquema en un sitio web.
(Esquema significa datos de schema.org). Sé cómo escribir los datos, pero mi pregunta es ¿hay una ubicación preferida en mi código para insertar estos datos?
En otras palabras, ¿el JSON-LD siempre debe estar en la
head
, el
body
, etc.?
Los datos se pueden colocar en cualquier lugar. De la documentación de Google :
Los datos, encerrados dentro de las etiquetas
<script type="application/ld+json">...</script>como se muestra en los ejemplos a continuación, se pueden colocar en la región<HEAD>o<BODY>de la página eso muestra ese evento.
También puede usar datos obtenidos dinámicamente usando AJAX :
Se puede reconocer el marcado JSON-LD insertado por Javascript que se ejecuta en la carga inicial de la página.
Actualización (como señaló Antony en los comentarios)
La última documentación dice:
[JSON-LD es una] notación JavaScript incrustada en una etiqueta en el encabezado o cuerpo de la página ... Google puede leer datos JSON-LD cuando se inyecta dinámicamente en el contenido de la página, como por ejemplo código JavaScript o widgets incrustados en su contenido sistema de gestión.
si elige insertar en el
<body>
, debe hacerlo así:
<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>
a continuación se muestra el código del script para insertar sus datos estructurados en la etiqueta
<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>
verifique la documentación en la guía general de datos estructurados