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.
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.
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>
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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUURwCm4oyu4xlvYVEmbB5IxYYn_dvFDMPLrRIfWizn4GG7ebjxq1lxpkTIUD0mK1cxA-gNZY49rUsCwbvLUJ1pOQekUvQlRqTsRDSvJCMsGPH26z1OvDNGF9J8_lMzCXdvU1LNrjMNJK5/s1600/iascgl-logo.png",
"width": 600,
"height": 60
}
}
}
</script>
</b:if>
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
I hope you liked this article. If there is any doubt, query, or feedback, please let us know in the comment section below.