How to Add Schema.org Markup to Blogspot Blogs
How to Use Schema.org Markup to BlogSpot Blogs |
??What is Schema.org Markup
Structured data markup is a method to describe your content to search engines.When Google or other search engines crawl a web-page their primary goal is to find out what the page is all about.To to make their job easier and faster, major search engines have agreed to a set of common standards, also known as schema, that cover many content types including articles, videos, images but also different types of entities like organizations, local businesses, people and many more.
Also Read: Fix Date Published Missing Required Error
1. Structured data enhances your websites presence on the SERPS with rich snippets. This means that your entry in Google search results will be more attractive and informative than others and this will lead to better CTR (click through rates) and more visits to your website.
??How to Use Schema.org Markup
Find the <nav> or Navigation code from your Blogger template & change/replace that by below markup.
<nav id='topnav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
Now Find <body> and change it by below markup.
<body class='index' itemscope='' itemtype='http://schema.org/WebPage'>
Next Find <header> or <header-wrapper> and replace it by below markup.
<div id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
Next To find <Content-wrapper> or <main-wrapper> and replace with below markup.
<div id='content-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
Next to find markup line like below
<div class='post hentry uncustomized-post-template' > & <article class='post hentry' expr:id='data:post.id'>
When You Find This Then Replace with Following Markup
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
Second
<article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>
Now search the below markup code . but some of template this markup already included.
<div class='author-profile' itemprop='author' >
If You Find Then Replace With Below Markup {but some of template this markup already included.}
<span class='fn author' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
Now Search for <div id='sidebar-wrapper'> and replace with following markup code.
<div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
Finally Search for Blog footer section <footer id='footer-wrapper'> and replace it by following markup .
<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
Now Save Your Template; That's It. ??
Also Read: Best Tricks To Speed Up Your Blog Loading
Conclusion ??
Thank You ! Happy Blogging Keep Visiting.??
0 Comments