How to Add Schema Markup to Blogger

How to Add Schema Markup to Blogger

Every blogger's primary goal is to boost their blog's SEO. Schema Markup is one of several elements that can help improve SEO on a Blogger blog. In this article, I'll show you how to add schema.org structural data to your Blogger BlogSpot blog, which can significantly improve the boost of your blog.

What is Schema Markup (Structured Data)?

Search engines make a serious effort to understand the page's content. For this reason, Schema markup is very useful for a blog or website. In other terms, Schema markup, also known as structured data, is a semantic vocabulary-based language used by search engines.

It's a type of coding that gives search engines more information to help them understand your content. As a result, the rich snippets that appear beneath the page title can give customers more detailed and precise information.

Rating/review, product/service, and news items that appear directly in Google when you enter certain keywords are examples of schema you may be familiar with without realizing it.

Because schema markup is so important to search engines, schema.org, the website for schema markup, was created in partnership with Google, Bing, and Yahoo.

Benefits of Schema Markup

According to Google, properly formatted data can improve your visibility in search results. Google, for example, can display reviews with five-star ratings at the top of their results using structured reviews.

Google can also illustrate what songs an artist sings as a sequence of rich cards using structured data on songs and albums. Structured data is used significantly by voice-activated devices like Google Assistant to recognize and obtain information relevant to spoken requests.

This means that the more structured markups there are, the better for SEOs.

Which Types of Schema Markups Exist?

JSON-LD, Microdata, and RFDa are the three different encoding types of Schema Markup. RDFa and Microdata are older ways of writing schema.

JSON-LD is the ideal technique of adding structured data to your blog, because is the simplest to learn and apply into your website's code.

Markups schemes are often used to indicate:

  • Articles
  • Events
  • Reviews
  • Recipes  
  • Products
  • People Organizations
  • Local Businesses
  • Medical Conditions

Now that I have briefly explained: What is Schema Markup, Benefits of Schema Markup and the Types of Schema Markups, it is time to explain to you how to implement Schema Markup to the Blogger blog.

Add Schema Markup to the Blogger Blog 

To add the schema markup to the Blogger blog, you need to edit the template.

Go to Dashboard> Theme> Edit HTML, Press Ctrl + F type <data:post.body /> and paste the following code below <data:post.body /> tag.  

<b:if cond='data:view.isPost'>
<script type='application/ld+json'>
    {
    "@context": "http://schema.org",
    "@type": "Article",
    "@id": "<data:post.url/>#post-body-<data:post.id/>",
    "mainEntityOfPage": "<data:post.url/>",
    "headline": "<data:post.title/>",
    "name": "<data:post.title/>",
    "url": "<data:post.url/>",
    "description": "<data:blog.metaDescription/>",
    "image": "<data:post.featuredImage/>",
    "datePublished": "<data:post.date.iso8601/>",
    "dateModified": "<data:post.date.iso8601/>",
    "author": {
        "@type": "Person",
        "name": "<data:post.author.name/>",
        "url": "<data:blog.homepageUrl.jsonEscaped/>"
    },
    "publisher": {
        "@type": "Organization",
        "name": "<data:blog.homepageUrl.jsonEscaped/>",
        "description": "Replace this line with your website description",
        "logo": {
            "@type": "ImageObject",
            "url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCA_Fy-AOUYxXfLtl-iTgG4hNGvkct9Oiz-dJLfavP0hyopC5UC7rFMes6wL6robog8b0JyhJE5TrDPqarBEE_OSm38Dccv_AOsbOzhIoxNR07U4JxcyCI-_ndnSTv7VnaMku9NtoSnu4/s300/logo2.png",
            "width": 600,
            "height": 60
        }
    }
}
</script>
</b:if>

Replace the red color line values with your values, such as the website logo and description. This will allow the Blogger blog to use schema markup structure data.

This schema markup data can also be changed from Article to blog posting. For static content, a website can use Article type data and BlogPosting for blog updates. Simply replace the Article tag with a BlogPosting.

Verify the schema markup data structure for the published post after adding the JSON-LD script to the Blogger theme. 

So, that would be all about the topic of how to add Schema Markup to the Blogger blog.

I hope you enjoyed reading this article. If you found How to Add Schema Markup to Blogger helpful, please share this article with your friends and on social media.

Next Post Previous Post
No Comment
Add Comment
comment url