Schema.org - JSON-LD - Dove posizionare?

94

Sto cercando di utilizzare JSON-LD per lo schema su un sito web. (Schema che significa dati schema.org.) So come scrivere i dati ma la mia domanda è: esiste una posizione preferita nel mio codice per inserire questi dati? In altre parole, se il JSON-LD essere sempre in head, bodye così via?

schema.org json-ld

— L84
fonte

67

Dal punto di vista di Schema.org, JSON-LD e l'eventuale RDF estratto, non dovrebbe avere importanza. I dati sono gli stessi, indipendentemente da dove sono stati estratti nel documento.

Dal punto di vista di HTML5:

Se si tratta di dati sulla tua pagina (o di cosa tratta questa pagina), puoi inserire l' scriptelemento in head, come headelemento

[…] Rappresenta una raccolta di metadati per il documento

Ma ovviamente non sarebbe sbagliato usare bodyper questo invece. È solo che non dovresti usare headper dati che non riguardano la tua pagina o ciò che rappresenta.

— unor
fonte

90

I dati possono essere inseriti ovunque. Dalla documentazione di Google :

I dati, racchiusi tra i tag <script type="application/ld+json">... </script>come mostrato negli esempi seguenti, possono essere inseriti nella regione <HEAD>o<BODY> della pagina che visualizza quell'evento.

Puoi anche utilizzare i dati recuperati dinamicamente utilizzando AJAX :

È possibile riconoscere il markup JSON-LD inserito da Javascript che viene eseguito al caricamento iniziale della pagina.

Aggiornamento (come sottolineato da Antony nei commenti)

L' ultima documentazione dice:

[JSON-LD è una] notazione JavaScript incorporata in un tag nell'intestazione o nel corpo della pagina ... Google può leggere i dati JSON-LD quando vengono iniettati dinamicamente nei contenuti della pagina, ad esempio dal codice JavaScript o dai widget incorporati nei tuoi contenuti sistema di gestione.

— Dheeraj Vepakomma
fonte

5

Il nuovo URL è developers.google.com/search/docs/guides/intro-structured-data . C'è una tabella 2/3 più in basso, con una colonna "Descrizione e posizionamento"

— Antony

-4

se scegli di inserire in <body>, devi farlo in questo modo:

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

di seguito è riportato il codice dello script per inserire i dati strutturati nel <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>

controllare la documentazione nelle linee guida generali sui dati strutturati

— Richard Rosario
fonte

Sei in grado di eseguire il backup della tua risposta con alcune fonti o ulteriori informazioni? Altre risposte dicono qualcosa di diverso e non riesco a trovare nulla nel link che hai fornito.

— Sebi