how to add schema markup in blogger

How to add schema markup in Blogger

by

When you type something into Google, such as How to Add Schema Markup in Blogger, you get the answer at the top of the search results without having to open any websites. This is called a “featured snippet.”

How is it possible to get featured snippets on Google? Well, it is because of the schemas on our websites. It is very important to add schemas to websites.

Why add schema markup in Blogger?

Creating a blog on Blogger is very easy. Everyone can create a new blog on blogger within two minutes. After creating a blog the difficult task is SEO. You need to do a lot of work on On-page and Off-Page SEO. and Schemas are one of them.

Adding schema to the Blogger website means better SEO, and better SEO means good Traffic. If you have good traffic on your blogger website then you will earn a decent amount of money from your blogger blog.

What is Schema Markup Structured Data?

Schema Markup is code that we add to our website to help search engines like Google, Bing, etc to understand the content of our website and feature our snippet in search results.

Types of Schema Markup:

There are different types of Schema Markup, some are given below.

  • Article
  • Breadcrumb
  • Carousel
  • How-to
  • Logo

There are many Schema Markups available, you can check on the schema.org website or by visiting Google’s official developer website.

How to add schema markup in Blogger?

Adding schema markup in WordPress is very easy. You can install plugins like SEOPress etc and can add schemas to the WordPress website. But adding Schema Markup in Blogger is a little tricky, you need to add Schema Markup in Blogger website manually by editing the source code of the website.

Steps to add Schema Markup to Blogger:

Step 01:

Go To Blogger

Step 02:

Go To Theme

Step 03:

Click on Edit HTML

Step 04:

Press CTRL+F and Find <data:post.body/>

Step 05:

Copy the Code Given Below.

<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": "YOUR BLOG DESCRIPTION",
		"logo": {
			"@type": "ImageObject",
			"url": "YOUR LOGO URL",
			"width": 600,
			"height": 60
		}
	}
}
</script>
</b:if>

Step 06:

Paste That Code Below <data:post.body/> Tag.

Step 07:

Save your Code.

Note: You need to change the LOGO URL and BLOG Description in the above code. You can visit Schema.org for more schema markups for your Blogger website.

Conclusion on How to add schema markup in Blogger:

So we successfully added schema markup to the blogger website. This schema markup will help you to grow your blog and earn a good amount of money. If you are facing any issues in adding schema markup to your blogger website please let me know in the comment section. Thanks for visiting our website.

Leave a Comment