Blogger SEO

How to Add Schema Markup to Blogger to enhance SEO

Creating a Blogger blog is not difficult. You can create a Blogger blog for free in just two minutes. The main task for any blogger is to improve the SEO of their blog. There are many factors to enhance the on-Page SEO of the Blogger blog and Schema Markup is one of them. Schema Markup semantics can drastically give a boost to your blog or website. This article discusses how to add schema.org structure data to the Blogger BlogSpot blog.

What is Schema Markup or Schema.org Markup Structured Data?

Google, Bing, Yandex, and Yahoo initiated schema for structured data to understand the structure of a website for rich snippet search results. This will provide additional information to the search engine about the content of your website. Like the meta tags, the schema markup is not visible to the website visitors but is available in the website’s source code for the search engine. But schema markup can be present at any part of the website. For example, you can place it in a header or even in the body part of the website.

How to Add Schema Markup Blogger

Schema Markup Example

You can write the structure data in Microdata, RDFa, and JSON-LD. We’ll JSON-LD schema markup data to the Blogger blog hence taking an example of that.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "author": "Sandeep Seth",
  "interactionStatistic": [
    {
      "@type": "InteractionCounter",
      "interactionService": {
        "@type": "WebSite",
        "name": "Twitter",
        "url": "http://www.twitter.com"
      },
      "interactionType": "https://schema.org/ShareAction",
      "userInteractionCount": "1245"
    },
    {
      "@type": "InteractionCounter",
      "interactionType": "https://schema.org/CommentAction",
      "userInteractionCount": "80"
    }
  ],
  "name": "How to get rid of spam emails."
}
</script>

The Google search engine supports all three formats of schema markup structure data. According to Google’s John Muller. With the help of structure data, the search engine process that data and generate rich snippet result for the webpage.

Add Schema Markup to the Blogger blog.

To add the schema markup to the Blogger blog, edit the Blogger XML theme file. And then find the code line <data:post.body/> tag 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 tagline",
		"logo": {
			"@type": "ImageObject",
			"url": "https://2.bp.blogspot.com/-wODeJOyrz0I/W5jkgWMQwUI/AAAAAAAAI2Q/_4jViZ-AE5sUPO9zq-seQr3ueykHJzEmQCLcBGAs/s1600/iascgl-logo.png",
			"width": 600,
			"height": 60
		}
	}
}
</script>
</b:if>

In the above, you’ve to replace red color line values with your values like the description and URL of the website logo. This will enable schema markup structure data for the Blogger blog.

You can also change the type of this schema markup data from Article to BlogPosting. A website can have Article type data for static kinds of content and BlogPosting for blog updates. For this, replace the Article tag(provided in blue color) with BlogPosting and done.

After adding the above JSON-LD script in the Blogger theme file, verify the schema markup data structure for the published post.

So, this is how we can add schema markup to the Blogger blog. Along with this, you can follow Blogger SEO practices to increase the organic traffic of the blog.

I hope you liked this article. If there is any doubt, query, or feedback, please let us know in the comment section below.

Ashok Sihmar

Ashok Kumar working in the Search Engine Optimization field since 2015. And worked on many successful projects since then. He shares the real-life experience of best SEO practices with his followers on seoneurons.com. You also can learn Advance level SEO for WordPress, Blogger, or any other blogging platform. Stay tuned.

22 Comments

  1. Respected sir ashok kumar.
    i search the schema related all article in apply it. now in webmaster tool see everything. thanks without error..!

  2. Hi,
    Great article, thanks for sharing the information.
    I had implemented it according to the instructions and ran the “verify the schema markup data structure for the published post”. I found the following warnings:

    1. type BlogPosting —- description: “description”: “
    2. “@type”: “Person”,
    “name”: “”
    },
    3. “@type”: “Person”,
    “name”: “”
    },
    4. “datePublished”: ““,
    “dateModified”: “”

    Can you help to solve these warnings?
    Thanks in advance,
    Dany

  3. Sir i love your contents, so my question is; do i still implement this on templates downloaded from your site??

  4. Kelvin from https://offblogmedia.blogspot.com/
    This article helped me adding the Schema markup for my blogger blog. I hope everything will work out in a few days to come as I wish for.

  5. This post also helped my blogger blog https://kelvinderola.blogspot.com/
    It is running fine with the codes i learnt from here

  6. Very nicely explained Ashok. I was looking for the exact schema for my recipe blog https://thefoodiescorner2022.blogspot.com/ that I have just started. This will really help. I am going to use it right now.
    Thank you

  7. excellent article on schema markup sir.
    I hope it will work on my new blog .

    https://phonoming.blogspot.com/

  8. Hi, do putting keywords into newsarticle schema for blogger makes any sense for news websites?
    If yes can you help with this?

  9. unable to find “data:post.body/” in my blogger html code. Please help.
    Website: https://techexplainedeasy.blogspot.com/

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button