Google, Bing & Yahoo! It is a very popular search engines. With these search engines, we can bring millions of visitors to our blog. If the ranking of our blog in these search engines will be good, then the traffic will also be very high. In this article, we are going to tell you how to add Schema Markup Data structure to Blog.
Many newbie bloggers do not even know about Schema Markup yet.
If you are a permanent internet user, then you must have seen while searching in your Google that there is a direct article index at the top of the search result. It is known as Google rich snippet result. This future launch has not happened for many days but now slowly its value is increasing.
Rich snippet result is a very useful future. Right now this future is available not only on Google but on many search engines (eg: Yahoo!, Bing, Yandex).
This future makes it easier for Google users and bloggers have benefited a lot from it. Not all bloggers only whose blog is indexed in rich snippet results. Because of this, when someone searches in google, his post is shown in summary and the chance of clicking on that post is very high.
Also, Read:-20+ Most Important Free SEO Tools for Bloggers
Now we have come to know about rich snippet results and now you must be thinking that how will I show my blog in rich snippet results.!!!
That’s why we tell you that to show the article in the rich snippet result, first, you have to add the schema markup data structure to the template of your blog. By adding this, Google & other search engines will know that you want your blog post to appear in the search engine rich snippet result and your blog will become even more SEO friendly. Adding this to the blog will not cause any harm and I am sure that you will get many benefits from it.
Now many templates have added schema markup. If you have recently changed the template of your blog, then it may be that this future has already been added to your template. But if you are using a free template then there is very little trust. We are telling you how to add this future below.
How to add schema markup data to Blog.
Here are some simple steps. You read these steps carefully and follow them. If you do not understand anywhere in adding this, then comment.
Step 1: Log in to Blogger and go to Blog Dashboard.
Now click on Template.
Click on Edit HTML.
Step 2: Now here you have to find the words and replace the schema data.
1. Search <body> by pressing CTRL+F . If it is not found then <body expr:class='”loading” Search + data:blog.mobileClass’> and replace the code given below.
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'> <b:if cond='data:blog.pageType != "index"'> <meta expr:content='data:blog.pageName'itemprop='name'/> <meta expr:content='data:blog.canonicalUrl' itemprop='url'/><b:else/><meta expr:content='data:blog.title' itemprop='name'/><meta expr:content='data:blog.homepageUrl' itemprop='url'/></b:if><meta expr:content='data:blog.metaDescription' itemprop='description'/,><b:if cond='data:blog.postImageThumbnailUrl'><meta expr:content='data:blog.postImageThumbnailUrl' itemprop='image'/><b:else/><meta content='//Icon Link Here' itemprop='image'/></b:if></div>
Instead of Icon Link Here, add a link to your blog’s logo.
2. Now search <div class=”post-hentry”> and replace the code given below.
<div class="post-hentry" itemscope="itemscope" itemtype="http://schema.org/article">
3. Now search for <b:if cond=”data:post.title”> and replace the code given below.
<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/>
4. Now search for <div class=’author-profile’ itemprop=’author’> and replace the code given below.
<span class='fn author' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
5. Now search for <div id=’sidebar-wrapper’> and replace it with the code given below.
<div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
6. Now search for <footer id=’footer-wrapper’> and replace the code given below.
<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
7. Now save the template.
I hope you have added Schema.org data to your blog with the help of this tutorial. Comment if you have any questions related to this post.
Also Read:-Top 10 Google Ranking Factor For Beginners