What are the benefits of using schema markup in Blogger?

What are the benefits of using schema markup in Blogger? Schema markup is widely used on websites and blogs, but very few of us know about schema markup. Schema is very important for any website and blog to get more visibility on search engines.

The search engine is a simple robotic machine. And it only works on a predetermined order. Suppose the programmer instructs the search robot to locate all positions where the image is missing.

As a result, the search robot will start searching only the missing images from your website and blog posts. And there is often a chance that the search robot will fail to detect your post image from your blog.

This may be due to the coding recognized by the website designer. But there are so many search engines that how will a website and blog designer help a robot to find your content according to different search engines?

What is Schema Markup?

Search engines Bing, Google, and Yahoo have supported a common set of schemas for structured data markup on web pages, known as schema markup. Schema is the markup code you place on your website so that search engines Show more informative results for users on SERP.

Schemes use terminology with microdata, RDFA or JSN-LD formats to mark website and blog content with markup. And schema markup helps search engine spiders identify content, images, videos, and more.

What are the benefits of using schema markup in Blogger?

When using Google Blogger you will see microformats in Google Webmaster Tools. The most prominent representative under microformats is hCard in websites and blogs.

Rich snippets and knowledge graph in search results

Rich snippets and knowledge graph in search results

Snippets: Any user's query in search consists of a few lines of text that appear below each content link on the search engine results page.

Rich Snippet: This is necessary for better structured webpages and blogs. If Google robots can understand the content of your webpage, they can display snippets specific to that page in search results.

Knowledge Graph: This is similar to rich snippets, if Google has a better understanding of what your webpage is about, they will display a summary information box to the right of the search results for relevant keyword queries. But for this your site needs to be well structured.

How to check Data Markup of your site?

Google Rich Result Structured Data Testing Tool Rich Results Test - Google Search Console

How to use Schema Markup on Blogger?

Go to https://www.blogger.com and from Blogger Dashboard -> Template -> Edit HTML. Find Element and replace with Schema Markup.

Blog Navigation Schema markup

Find <nav> navigation code from your Blogger template and change it below the markup.

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

Blog WebPage Schema markup

Find <body> tag replace it with the markup below.

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

Blog Header Schema markup

Find <Header> or <Header-Wrapper> and change it with the markup below.

<div id = 'header-cover' itemsScope = 'itemsScope' itemtype = 'https: //schema.org/WPHeader'>

Blogger Blog Schema markup

find <Content-Cover> or <Main-Cover>, where your blog post has markup and replace it by the markup below.

<div id = 'content-wrapper' item Scope = 'itemsScope' itemtype = 'https: //schema.org/Blog' role = 'main'>

Blog BlogPosting Schema markup

<div class = 'post hentry uncustomized-post-template'> And <article class = 'Post Hentry' Exp: id = 'Data: post.ed'> Now change it below the markup line.

<div class = 'post hentry uncustomized-post-template' itemscope = 'itemscope' itemtype = 'https: //schema.org/BlogPosting'>
<article class = 'post hentry' expr: id = 'data: post.id' itemscope = '' itemtype = 'https: //schema.org/BlogPosting'>

Blog Person Schema markup

<div class = 'author-profile' 'itemprop =' author '> Replace it with the markup code below

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

Blog Sidebar Schema markup

<div id = 'sidebar-wrapper'> change it below the markup code.

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

Blog Footer Schema markup

<footer id = 'footer-wrapper'> change it below the markup code.

<Footer id = 'footer-cover' item Scope = 'itemScope' itemtype = 'https: //schema.org/WPFooter'>

Post a Comment

Thanks for any suggestions or questions! We will reply to your message soon.

Previous Post Next Post