Tech Home > How to > How to Add Schema Markup in Blogger to Improve SEO

How to Add Schema Markup in Blogger to Improve SEO

In the dynamic world of SEO, harnessing the power of schema markup can significantly boost your website’s visibility on search engines. This detailed guide will walk you through the process of adding schema markup specifically tailored for Blogger, providing actionable steps to improve your site’s SEO and enrich the way search engines interpret your content.

It is undeniable that SEO is very important for all blogs and websites that are created for business or to earn money. Before a blog or a website reaches the state where it can fetch money for the owner, there must be good traffic to such a site. The best source of traffic to a site is search engines. Today, the best search engine is Google, followed by other search engines like bing.com, yandex.com, and others.

What is schema markup?

Schema markup is a particular code that you include in your website to help search engines understand your blog or website content for better representation in the search results.

Schema.org code is the data that you write to help search engines understand the content on your blog or website so as to make rich results on search engines.

How to Add Schema Markup to Blogger

Improving blogger SEO is somehow technical compared to WordPress, where there are plugins for whatever you want to do on your site. Even if you want to insert a code in any part of your site, you don’t need to open the source code; there are plugins that can do that for you. But as a blogger, you need at least a little coding knowledge.

To add Schema markup to your blogger (blogspot). Follow the following steps:.

  1. Log in to your Blogger
  2. Click on Theme (It is located on the list by the left side of the screen)
blogger theme
  • Click on the arrow located beside CUSTOMIZE button
  • When the code is opened, search for the following code: <data:post.body/> (You can search within the codes by pressing CTR + F)
  • Paste the following code right below it
<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 with your site tagline",
"logo": {
"@type": "ImageObject",
"url": "https://techsolvedissues.com/logo.png",
"width": 600,
"height": 60
}
}
}
</script>
</b:if>
  • Click Save

Note: In the code provided above, you need to replace this line code, https://techsolvedissues.com/logo.png  with your site logo URL and change the values of the description to your website or blog description.

This will enable schema markup structure data for Blogger (blogspot.com)

If you like, you can change the type of schema markup data from Article to BlogPosting.

After adding the above code to your Blogger theme file, try to verify the schema markup data structure for the published post by right-clicking on the page view and clicking on the page source. You should see schema markup data in the code.

I hope you have learned how to improve your site’s SEO by adding a schema markup. There are many blogger SEO tips you can find in our past articles. Try to find them and put them into practice. One of them is Best Free SEO Tools

How to validate Markup data

There are many markup data validation tools available online that you can use. Most of the popular search engines have their validating tool. They are free and very easy to use. You will just need to input your URL in the provided box and click enter. Some of those tools are listed below.

Google markup data validator: https://search.google.com/structured-data/testing-tool
Bing markup data validator: https://www.bing.com/toolbox/markup-validator
Yandex markup data validator: https://webmaster.yandex.com/microtest.xml

By adding schema markup to your Blogger website, you’re not just optimizing for search engines; you’re creating a more enriching experience for users. Follow this comprehensive guide to elevate your SEO game, increase search visibility, and ensure that your Blogger content stands out in the competitive online landscape.

Leave a Reply

Powered by WordPress

Scroll to Top