Oct 27, 2016

Add Schema Structured Data Markup in Blogger for Rich Snippet Results

data:blog.title
Add Schema Structured Data Markup in Blogger for Rich Snippet Search Results - The most important and master key is search traffic behind the success of every blog If your blog posts are not ranking and appearing in search engine results then you're losing your real blog audience.

Structured Data Markup, Schema.org Markup for Blogger, Setup structured data markup in blogger

Do you know? Search engines don't recognize what you've written and discussed in your blog post. So you need to do some basic setting in your blogger template in such a way so that search engines can understand quickly about your content and give you a better rank in SERPs.

You Must Read - 7 Best Tips to Make A URL SEO-Friendly.

Accordingly, You've to add schema.org structured data markup in Blogger Template because it is widely used on blogs and websites to show rich snippet results in search engines, but few of us know about it's important. Schema.org is one of the first and most important thing to follow and do to get high search traffic.

Schema markup is a code that helps the search engines to understand what about your content is and to give more informative link results (Posts) to their users. Schema markup uses vocabulary along with the RDFa, Microdata, or JSON-LD formats to mark up a blog and the post content. (e.g. Image, Video, Content, etc). Today in this article, I'm here with the Microdata because it's easy to use and also helpful for major search engines like; Google, Bing, and Yandex.

Validating Data Markup

To validate data markup you've to use some data markup validator tools. Almost every search engine have their own structure data validator tool. You can use anyone of them to validate of your site. :)


  1.  https://search.google.com/structured-data/testing-tool << Google Structured Data Testing Tool.
  2. https://www.bing.com/toolbox/markup-validator << Bing Structured Data Testing Tool.
  3. https://webmaster.yandex.com/microtest.xml << Yandex Structured Data Testing Tool.


How To Add Schema Structured Data Markup in Blogger Template?

This is a very easy task, and everyone can do it easily. You've to replace only a few lines in blogger template. The complete guide is given below. So read each step very carefully so that you'll not face any problem. :)

STEP #1] Go to Blogger >> Click on Template and Download a backup copy and then click on Edit HTML button to open template editor.

STEP #2] Now find <body> tag and replace it with below markup code.

<body class='index' itemscope='' itemtype='http://schema.org/WebPage'>

STEP #3] Now search for <nav> or any code you've inside your blogger template for the navigation bar and then replace it with the below markup code.

<nav id='topnav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>

STEP #4] Just like as above steps find <header> or <header-wrapper> and replace it with below markup code.

<div id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>

STEP #5] Again find <ct-wrapper> or <content-wrapper> or <main-wrapper> where you blog posts contain and replace it with the below chema markup code.

<div id='content-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>

STEP #6] Now again find a line similar with <article class='post hentry' expr:id='data:post.id'> and <div class='post hentry uncustomized-post-template' > and replace it with the below code.

For >> <article class='post hentry' expr:id='data:post.id'>

<article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>

For >> <div class='post hentry uncustomized-post-template' >

<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
STEP #7] Now again find <div class='author-profile' itemprop='author' > code and replace it with the below schema markup code.

<span class='fn author' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>

STEP #8] This is second last step. So don't get bored. :) Locate <div id='sidebar-wrapper'> and replace it with the below code. :)

<div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>

STEP #9] Finally, search for <footer id='footer-wrapper'> and replace it with the below code. :)

<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>

Must Read - Top 150+ High PR Free Directory Submission Sites List

Conclusion:

So above guide is about "How To Add Schema Structured Data Markup in Blogger for Rich Snippet Search Results?" I hope this guide will help you in making your blog more search engine friendly. If you've any query, let me know via dropping a comment below.

Did you like this post? If you like, then share it with your friends to let them know about this post. You can also subscribe us to get latest updates direct into your mailbox for free. :)

Thank You!
Stay Blessed and Stay Happy!

No comments:

Post a Comment

We’re eager to see your comment. If you have any query related to the topic then drop a comment below. We will help you out of sure. However, Please Keep in mind that all comments are moderated manually by our human reviewers. According to our comment policy all link are nofollow so keep in mind that never use links in comments, we consider link comments as a spam.