How to Add Schema Markup in Blogger to improve SEO

Undisputable, 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 to 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 to understand the content on your blog or website so as to make rich results on search engines.

How to Add Schema Markup to the Blogger (Blogspot.com)

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 open the source code, there are plugins that can do that for you. But in a blogger, you need at least 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
blogger theme
  • Click on the arrow located beside CUSTOMIZE button
  • blogger customize
    blogger customize
  • Choose HTML
  • blogger HTML
    blogger HTML
  • 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://surftware.com/logo.png",
    
    "width": 600,
    
    "height": 60
    
    }
    
    }
    
    }
    
    </script>
    
    </b:if>
    
    • Click Save

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

    This will enable schema markup structure data for the 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, then try to verify the schema markup data structure for the published post by right-clicking on the page view and click on the page source. You should see Schema markup data in the code.

    Hope you have learned how to improve your site SEO by adding Schema markup. There are many blogger SEO tips you can find from 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 validating tools available online you can use. Most of the popular search engines have their own 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

    Comments are closed.