How to add Schema markup in Blogger

How to add Schema markup in Blogger
How to add Schema markup in Blogger
{tocify} $title={Table of contents}

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.

schema markup generator,schema markup checker,schema markup google,schema markup examples,social media schema markup,schema markup for homepage,blog schema generator,schema markup wordpress,how to add schema markup in blogger,how to add schema markup to website,schema markup generator,schema markup google,schema markup examples,schema markup for homepage,social media schema markup,google structured data markup helper,schema markup wordpress

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).

how-to-add-schema-markup

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

What types of rich snippets and knowledge graphs appear in google search results

schema markup generator,schema markup checker,schema markup google,schema markup examples,social media schema markup,schema markup for homepage,blog schema generator,schema markup wordpress,how to add schema markup in blogger,how to add schema markup to website,schema markup generator,schema markup google,schema markup examples,schema markup for homepage,social media schema markup,google structured data markup helper,schema markup wordpress
  • 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.

  • 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.

  • 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

How to use schema.org markup on blogger, follow steps:


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”>

If you have any problem about
copyright please
mail to us.

That’s all.

Tags: schema markup generator,schema markup checker,schema markup google,schema markup examples,social media schema markup,schema markup for homepage,blog schema generator,schema markup wordpress,how to add schema markup in blogger,how to add schema markup to website,schema markup generator,schema markup google,schema markup examples,schema markup for homepage,social media schema markup,google structured data markup helper,schema markup wordpress

Leave a Reply