Structure data is very essential for your blog to get first position in SERPs. The first key behind the success of any website or blog is getting more traffics driven by the search engines i.e. from organic results. Thus, if webpage contents of your blog or website is not appearing on search results then you will lose almost all valuable readers.
Did you know? Search engines do not recognize the whole matters what is being discussed on any webpage. Therefore, you should represent your blog contents in such a manner that help search engines to understand your blog posts very well.
Accordingly, today we will learn to add structured data markup in Blogger for rich search results. There are two different ways to markup your blog posts using the schema.org vocabulary viz. Microdata (introduced with HTML5) and JSON-LD.
But, we will go for the first one i.e. Schema.org microdata as because it strikes a balance between the extensibility of RDFa and the ease of microformats and that can be understood by the major search engines e.g. Google, Microsoft and Yahoo to create rich snippets in search results.
How to add structured data to your blogger blog posts
There are two main ways to add structured data to your Blogger blog:
Using a Schema Markup Generator:
- There are several online tools that can help you generate the code for structured data. A popular option is Google’s Structured Data Markup Helper (https://www.google.com/webmasters/markup-helper/).
- These tools typically walk you through a step-by-step process, allowing you to select the type of content (e.g., article, event) and then enter relevant details about your blog post.
- Once you’ve completed this process, the tool will generate a code snippet that you can then copy and paste into your Blogger template.
Manually Coding the Structured Data:
- This method requires some knowledge of coding and schema markup vocabulary. You can find detailed information about schema markup in this article below.
- There are different schema types for various content types. For blog posts, you’ll likely be using the Article schema.
- Once you’ve identified the relevant schema type, you can find the specific code examples and properties on the Schema.org website (https://schema.org/).
- You’ll need to copy and paste the code into your Blogger template, filling in the appropriate details for your content.
First of all test your blog contents rich snippets using Google Structured Data Testing Tool and see that whether your blog is already using structured data for blog articles i.e. Item type: https://schema.org/BlogPosting.
Step-1: Login to Blogger Blog
Login to your blogger account and go to the dashboard of any particular blog in which you want to add structured data.
Step-2: Additional HTML Code
Navigate template section of your blog and click on Edit HTML text link which permits you to view, modify and add additional HTML codes to your blogger blog.
Step-3: Find hentry
Click anywhere in the template editor where you will see lots of codes and find the following codes.
<div class='post hentry'Replace the above line with the following codes
<!-- Microdata markup added by Showeblogin. -->
<!-- Tutorial: http://www.superwebtricks.com/?p=523 -->
<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/Article'>
Step-4: Search Post Title Data
Now, search for
<b:if cond='data:post.title'>
And add the name and url itemprop accorgingly as shown in the following codes.
<b:if cond='data:post.title'>
<h1 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='url'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url' itemprop='url'>
<data:post.title/>
Step-5: Add SWT Snippet
If you have added SWT snippets in your blog then you may also display it as blog post description for rich snippets to boost traffics from organic search results.
<p>
<span class='swt-snippet' itemprop='description'>
<data:blog.metaDescription/>
</span>
</p>
However, if you are using JesResKing you need not worry about any structured data as we will provide this service free of cost to you.
Regardless of the method you choose, it’s important to place the structured data code within the <head> section of your Blogger template.
Blogger themes released after 2017 might already have built-in support for basic article schema. However, for more specific schema types or for customization, you’ll likely need to use one of the methods mentioned above.
After adding structured data to your blog, you can use Google’s Rich Results Test tool to validate your implementation.
By following these steps, you can add structured data to your Blogger blog and potentially improve the way your content appears in search results.
Note that there are various data types supported by Markup viz. Article, Book Reviews, Events, Local Businesses, Movies, Products, Restaurants, Software Applications and TV Episodes etc. and therefore you may use one of them which fits to your blog.