Org-JSON-LD-放在哪里？

我希望在网站上使用 JSON-LD 的模式。(Schema 意味着 Schema.org 数据。)我知道如何编写数据，但我的问题是，在我的代码中是否有一个首选的位置来插入这些数据？换句话说，JSON-LD 应该总是位于 head、 body等位置。？

59117 次浏览
小开
最佳答案

From the perspectives of Schema.org, JSON-LD, and the possibly extracted RDF, it should not matter. The data is the same, no matter from where in the document it got extracted.

From the perspective of HTML5:

If it’s data about your page (or what this page is about), you could place the script element in the head, as the head element

[…] represents a collection of metadata for the Document

But of course it would not be wrong to use body for this instead. It’s just that you shouldn’t use head for data that is not about your page or what it represents.

小开

The data can be placed anywhere. From Google's documentation:

The data, enclosed within the <script type="application/ld+json"> ... </script> tags as shown in the examples below, may be placed in either the <HEAD> or <BODY> region of the page that displays that event.

You can also use data dynamically fetched using AJAX:

JSON-LD markup inserted by Javascript that runs upon initial page load can be recognized.

Update (as pointed by Antony in the comments)

The latest documentation says:

[JSON-LD is a] JavaScript notation embedded in a tag in the page head or body... Google can read JSON-LD data when it is dynamically injected into the page's contents, such as by JavaScript code or embedded widgets in your content management system.

小开

if you choose to insert in the <body>, you got to do it like this:

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

below is the script code to insert your structured data in the <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>

check the documentation at general structured data guideline


提交答案