How to Use Schema Markup In Blogger

0
How to Use Schema Markup In Blogger
Schema Markup is widely used on website and Blogs but few of us know about Schema Markup. Don’t worry I am not explaining any monotonous thing for you. Schema is very important for any website and blog for getting greater visibility on search engine.
Search engine is a simple robotic machine. And it can’t do without any preset order. Suppose programmer has instruct the search robot to find out the all posts where image is missing. As a result, search robot will start search only missing images from your website and blog posts. And often there are a chance that search robot will fail to detect your post image from your blog. This can be happen due to not recognized coding by website designer. But there are so many search engine how a website and blog designer will help search robot to detect your content according to different search engine?

WHAT IS SCHEMA.ORG OR SCHEMA MARKUP?

A solution has evolved in 2011 because the giant search engine Bing, Google and Yahoo collaboratively created and support a common set of schemas for structured data markup on web pages which is known as Schema.org or Schema Markup. Schema markup is code (semantic vocabulary) that you put on your website to help the search engines return more informative results for users.  Schema Markup use vocabulary along with the Microdata, RDFa, or JSON-LD formats to mark up website and Blog content with metadata. And Schema Markup helps search engine spiders and other parser to recognize the meaning of the sites (e.g. content, image, videos, etc).
schema.org or schema markup example

WHAT TYPES OF VOCABULARY SUPPORT ON SCHEMA.ORG?

Schema Markup use large vocabulary including older formats such as Microformats, FOAF, GoodRelations and OpenCyc. You will see Microformats in Google webmaster tools while using Google Blogger. Under Microformats the most dominant representative is hCard in the Website and blog. On the other hand, RDF applications can use Microdata2RDF service.

WHAT TYPES OF RICH SNIPPETS AND KNOWLEDGE GRAPHS APPEAR IN GOOGLE SEARCH RESULTS?

  1. Snippets: While any users make query in search result then few lines of text that appear under every content link on search engine result page.
  2. Rich snippets: This is required for better structured webpage and Blog. If Google robot can understand your webpage’s content, then they can display special rich snippets for that page in search results.
  3. Knowledge Graphs: This is similar to rich snippets, if Google has a better understanding of what your webpage is all about, then they will display a summary information box on the right side of their search results for relevant keyword queries. But for this your site must be well structured.

HOW TO VALIDATE DATA MARK UP?

Google Structured Data Testing Tool
https://developers.google.com/structured-data/testing-tool/

Bing Markup Validator
https://www.bing.com/webmaster/diagnostics/markup/validator

Yandex Microformat validator
https://webmaster.yandex.com/microtest.xml

HOW TO USE SCHEMA.ORG MARKUP ON BLOGGER?

Step 1.  Go to https://www.blogger.com and Sign in to your account
Step 2.  From Blogger Dashboard click on ->Template ->Edit HTML 
Step 3.  locate the <nav> or Navigation code from your Blogger template and change it by below markup.
<nav id='topnav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
 Step 4.  Now Find <body> and change it by below markup.
<body class='index' itemscope='' itemtype='http://schema.org/WebPage'>
Step 5 Now Find <header> or <header-wrapper> and change it by below markup.
<div id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
 Step 6. Now find <Content-wrapper> or <main-wrapper> where your Blog post contains and change it by below markup.
<div id='content-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
 Step 7. Now find markup line like below
<div class='post hentry uncustomized-post-template' >
And
<article class='post hentry' expr:id='data:post.id'> 
 Now replace it by below markup line.
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
And
<article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>
Step 8. Now find the below markup code .
<div class='author-profile' itemprop='author' >
 Change it by below markup code
<span class='fn author' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
 Step 9. Now find <div id='sidebar-wrapper'> and change it by below markup code.
<div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
 Step 10. Now find  Blog footer section <footer id='footer-wrapper'> and change it by below markup code.
<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
That's it Folks !!
Adding each line of Schema markup codes use Schema markup validator to check your webpage. If you need any further help then feel free to leave a comment below. Thank you. 
How to Use Schema Markup In Blogger,Schema.org easy to use in blogspot template theme,correct schema markup tags.
Schema Markup is widely used on website and Blogs but few of us know about Schema Markup. Don’t ...
SUMMARY

How to Use Schema Markup In Blogger,Schema.org easy to use in blogspot template theme,correct schema markup tags.

You Might Also Like:

We hope this article helped you to learn How to Use Schema Markup In Blogger. If you have any question or any complication please don't hesitate to ask us.You can drop your message below in the comment box or you can Contact Us!. If you liked this article please join us on : Facebook | Twitter | Google+

SUBSCRIBE ARTICLES BY EMAIL

Post a Comment Blogger Disqus

0 Comments on "How to Use Schema Markup In Blogger" So Far
Out Of Topic Show Conversion CodeHide Conversion Code Featured Post

MARKUP FOR WRITING COMMENTS:
1. To Insert Code Length Use<i rel="pre">Code Here</i>
2. To Insert Short Codes Use<i rel="code">Code Here</i>
3. To Insert Quote Use<b rel="quote">Quote</b>
4. To Insert Image Use<i rel="image">Image URL</i>
5. To Insert Video Use<i rel="youtube">You Tube Url</i>

Note: You Can Also Convert Your Code Directly From The Conversion Box.
--------------------------------------------------------------------------------------------------------------------------------------------------------
Please drop your comment according with the topic and feedback with hyperlinks may be removed.Thank you.
Regards:
Team Bloggersstand