wake-up-neo.net

Schema.org - JSON-LD - Wo platzieren?

Ich möchte JSON-LD für ein Schema auf einer Website verwenden. (Schema bedeutet schema.org-Daten.) Ich weiß, wie die Daten geschrieben werden, aber meine Frage ist, ob in meinem Code ein bevorzugter Ort zum Einfügen dieser Daten vorhanden ist. Mit anderen Worten, sollte sich JSON-LD immer in head, body usw. befinden?

84
L84

Aus der Sicht von Schema.org, JSON-LD und dem möglicherweise extrahierten RDF sollte dies keine Rolle spielen. Die Daten sind die gleichen, egal woher sie in dem Dokument extrahiert wurden.

Aus der Perspektive von HTML5:

Wenn es sich um Daten zu Ihrer Seite handelt (oder darum, worum es auf dieser Seite geht), können Sie das script -Element in das head -Element als head -Element einfügen =

[…] Repräsentiert eine Sammlung von Metadaten für das Dokument

Aber es wäre natürlich nicht falsch, stattdessen body zu verwenden. Es ist nur so, dass Sie head nicht für Daten verwenden sollten, bei denen es nicht um Ihre Seite oder deren Darstellung geht.

58
unor

Die Daten können überall platziert werden. Aus Googles Dokumentation :

Die Daten, eingeschlossen in die <script type="application/ld+json"> ... </script>-Tags, wie in den folgenden Beispielen gezeigt, können platziert werden in den <HEAD> oder <BODY> region der Seite, auf der das Ereignis angezeigt wird.

Sie können auch mit AJAX dynamisch abgerufene Daten verwenden :

Von Javascript eingefügte JSON-LD-Markups, die beim ersten Laden der Seite ausgeführt werden, werden erkannt.

pdate (wie von Antony in den Kommentaren gezeigt)

Die neueste Dokumentation sagt:

[JSON-LD ist eine] JavaScript-Notation, die in ein Tag auf der Seite eingebettet ist head or body ... Google kann JSON-LD-Daten lesen, wenn sie dynamisch in den Inhalt der Seite eingefügt werden, z. B. durch JavaScript Code oder eingebettete Widgets in Ihrem Content-Management-System.

78
Dheeraj V.S.

wenn Sie sich dafür entscheiden, in das <body>, du musst es so machen:

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

unten ist der Skriptcode zum Einfügen Ihrer strukturierten Daten in das <head> Etikett

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

überprüfen Sie die Dokumentation unter allgemeine strukturierte Datenrichtlinie

0
Richard Rosario