Hello Folks,Today we are again going to share, How to Create Schema.org Framework in blogger template to enhance with google rich snippets.In previous Post we have already talked about Adding Review Schema.org Ratings,Installing Google Meta Tags, Fixed Author+Hatom+Image+Published Date+Modified Date+Static Pages Error Required and recommended errors from blogger template.We hope you guys have already applied all the important and required Schema.org Tags in your blogspot website or blog.But today we are going to show you how to add Schema.org in template for google rich snippets.After installing the Schema.org in your template you will see in sometime that your website rank is increased and going up day by day because now days all the search engines like google,yahoo and bing love those website who have properly installed Schema.org in their websites or blog.So you must install Schema.org tags to boost your SEO ranking of your blogger website.
Schema.org is sponsored by Google, Microsoft, Yahoo and Yandex.Schema.org creates a structured data markup schema that is supported by All the major search engines.With the help of Schema.org you can boost your CTR, Improve your ranking.You can easily create microdata for review of your business,company etc from Schema vocabulary. In order to Instaal schema.org blogger template follow the steps mentioned below.
How To Make Blogger Template Schema.org Friendly
Before applying Schema.org Tags in your template you must take first (back up of your template ) to avoid any issue occurs.after taking backup of your template proceed to tutorial.
Installation Steps:
Step 1. Log in to your Blogger account and Go to your Blogger Dashboard.
Step 2. Now Click on -> Template -> Edit HTML.
Step.3 Now Copy your full template and paste in your notepad or open in any HTML editor if you can use otherwise it's ok.
Step 4. Now Copy the Below Valid Schema.org Template code and paste in your HTML box and now open your notepad and add the related data under the tags of schema.org.
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:class='data:blog.languageDirection + " no-js rwd"' expr:dir='data:blog.languageDirection'>
<head>
<meta charset='utf-8'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/You google plus id/username' rel='author'/></b:if>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == "error_page"'>
<title>404: Page Not Found ~ <data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
</b:if>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + data:blog.title' name='description'/>
</b:if>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Description' name='description'/>
<meta content='Keywords' name='keywords'/>
</b:if>
<style type="text/css"><!-- /* <b:skin><![CDATA[
paste Your layout CSS HERE.....
*/]]></b:skin>
<style type='text/css'>
/*
Name : Schema.org Framework For Template
Designer: Bloggersstand.com
URL : http://www.bloggersstand.com.com
*/
Paste your CSS HERE.....
</style>
All The Javascript or Jquery Paste Here.....
</head>
<body expr:class='data:blog.pageType' itemscope='itemscope' itemtype='http://schema.org/WebPage'>
<div id='outer-wrapper'> <!-- Code-For-outer-wrapper-Here -->
<header class='header' id='header' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
<!-- This part for Title and Blog Description Code Here -->
</header>
<div id='main-wrapper' itemprop='mainContentOfPage'>
<!-- Place For Post Comments and b:section,below is a wdiget to post comments-->
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog2' locked='true' title='Post Blog' type='Blog'/>
</b:section>
</div>
<aside id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
<!-- This section for all the sidbar widget and b:section of sdiebar -->
<b:section class='sidebar' id='Right Sidebar' showaddelement='yes'>
</b:section>
</aside>
<div class='clear'> </div>
<div class='clear'/> <!-- Limit the outer wrapper -->
<footer class='clear' id='site-footer' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
<!-- Footer Section for copyrights,information,contents,widgets etc. -->
</footer>
</div> <!-- End of outer wrapper -->
<!--</body>--></body></HTML>