Script JSON-LD Schema.Org For Blogger Homepage

What is JSON-LD?

To begin with, how about we investigate what JSON-LD rely on, so we can truly comprehend what it does.

JSON-LD, or JavaScript Object Notation for Linked Data, is a method of encoding Linked Data using JSON. (Wikipedia)

JSON - JSON is a lightweight data-interchange format that is simple to read and write for people, and simple to parse and produce for systems.

LD - Linked Data is about connecting associated information using the internet.

JSON-LD is a mix of the two. So it's a snippet of code that informs you which price belongs to which item, or which zip code belongs to which business. Basically, instead of adding schema.org characteristics to individual components on a page, a tiny block of JavaScript code with all that information is provided.

Uses Of Schema.Org

What we're talking about here is your website's organised information. Schema.org provides a machine-readable way to present your data to Google. You attract the preference for Google to showcase your content in two Google Search categories with that structured information one is Rich Results and Second one is Site Links Search Boxes. Increase Google's probability of highlighting your site's rich snippets in search outcomes.

How to add JSON-LD Script in your Blogger Homepage?

Please Copy the following below code and paste it just above </head>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script type='application/ld+json'>
{
  "@context": "http://schema.org",
  "@graph":
  [
  {
  "@type": "Webpage",
  "url": "<data:blog.canonicalHomepageUrl/>",
  "name": "<data:blog.title/>",
  "headline":"<data:blog.title/>",
  <b:if cond='data:blog.metaDescription'>"description": "<data:blog.metaDescription.escaped/>",<b:else/>"description": "How to add json-ld <data:blog.title/> in blogger homepage",</b:if>
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "<data:blog.canonicalHomepageUrl/>"
  },
  "publisher": {
    "@type": "Organization",
    "name": "<data:blog.title/>",
    "url": "<data:blog.canonicalHomepageUrl/>",
    "logo": {
        "url": "URL OF IMAGE",
        "width": 600,
        "height": 60,
        "@type": "ImageObject"
    }
  },
  "image": {
    "@type": "ImageObject",
    "url": "URL OF IMAGE",
    "width": 1280,
    "height": 720
    }
  },
  {
  "@type": "WebSite",
  "url": "<data:blog.canonicalHomepageUrl/>",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "<data:blog.canonicalHomepageUrl/>search?q={q}",
    "query-input": "required name=q"
    }
  }
  ]
}
</script>
</b:if>

The URL of image for the blog logo kindly replace it with your image URL keeping in mind with a size of 600x60 and for the image create an image for the homepage with the size of 1280x720 and add both the URLs in above highlighted line.

In the above code we have also added the SITELINK SEARCHBOX and it's depends on google how your site is popular to show your search box in google search results.