Google recommends adding JSON-LD to the <head> section of the HTML document; however, it’s okay if the JSON-LD is within the <body> section. Google can also grasp dynamically generated tags in the DOM.
Listing 1. Compact JSON-LD Code in the Markup:
The second element that retains a permanent place in JSON-LD markup is the "@context" with the value of "http://schema.org". The @context says, “Hey browser, this is the vocabulary I’m referencing. You can find it at http://schema.org.”
When search engines crawl through your website’s content, they’re attempting to put it all into a specific context. For years, we have relied on good old fashioned HTML tags to tell a story. Titles, headings, meta descriptions and keywords have all had a role in how a search engine listed and ranked our website.
For instance, if your home page has a title of “Web Designer New York City”, a search engine may well assume that’s what your site is about. But things aren’t always that obvious. As often happens, words and phrases can have multiple meanings and contexts. Without knowing that kind of information for certain, your site could be losing out when it comes to search relevancy.
That’s where Schema markup comes in. Created in part by search behemoths Google, Microsoft, Yahoo and Yandex, Schema adds a behind-the-scenes “vocabulary” to our content. Adding this markup to specific parts of a website will provide search engines with a higher level of context.
Google makes it easy to determine your site’s markup with its Structured Data Testing Tool. Enter your site’s URL or paste in a code snippet to let the tool analyze your content.
An full example of template script of "LocalBusiness":
Here are an incredible video showing more about JSON-LD. Check it out and have fun...
Thank you very much Thomas Bradley for you authorization! :)