How to implement JSON-LD?

Question

How to implement JSON-LD?

1.5k views Asked by jvv At 17 September 2024 at 20:49

I’ve been reading about JSON-LD today and I understand its purpose, format, and that I can put it in a script tag; however, I don’t understand the following:

Where can this data reside other than in a script tag for a website? I've been expecting to find JSON-LD content in either script tags or included .json files when I view the page source of websites that say they use JSON-LD, but since I haven't seen any of this, it leads me to believe it must be accessible in a different location.
How is this collection of information usually constructed for larger websites?
How do other sites find the JSON-LD files, objects, or data to use that information?

It would be really great to see an example in the wild.

Original Q&A

There are 2 answers

**Rob** · Answer 1 · 2015-06-11 20:54:37

I believe you are asking where to put it on your web site's page. It would reside in between <script></script> in the <head> which is as simple as it gets.

Here is the source of all information JSON-LD

**unor** · Answer 2 · 2015-06-12 08:35:25

In HTML5, the script element can be used as data block:

When used to include data blocks (as opposed to scripts), the data must be embedded inline, the format of the data must be given using the type attribute, the src attribute must not be specified, and the contents of the script element must conform to the requirements defined for the format used.

So a script element containing JSON-LD could look like this:

<script type="application/ld+json">
    {
     "@context": "http://example.com",
     "@type": "Example"
    }
</script>

You may place the script element(s) in the head and/or in the body.

TechQA.

How to implement JSON-LD?

There are 2 answers

Related Questions in HTML

Related Questions in JSON-LD

Popular Questions

Popular Tags

Trending Questions