How to Use Markup to BlogSpot Blogs - WebDuniya

Sunday, September 30, 2018

How to Use Markup to BlogSpot Blogs

How to Add Markup to Blogspot Blogs

How to Use Markup to BlogSpot Blogs
How to Use Markup to BlogSpot Blogs

After a long terms we coming with new articles for blogger blog users. Here in this article help you optimize the structure data of your BlogSpot blogs. By adding the schema markup to your blog, its helping the search engines identify data on your blog.

πŸ’­What is 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.

Advantage of MarkupπŸ‘

1. Structured data enhances your website’s 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.

2. This way Google knowledge graph and take advantage of the many benefits this feature offers to website owners.

3. You can give search engines more information about your local business including address and contact information.

πŸ‘‰How to Use Markup 

Login to your Blogger dashboard  > Theme > Edit HTML

Find the <nav> or Navigation code from your Blogger template & change/replace that  by below markup.

<nav id='topnav' itemscope='itemscope' itemtype='' role='navigation'>

Now Find <body> and change it by below markup.

<body class='index' itemscope='' itemtype=''>

Next Find <header> or <header-wrapper> and replace it by below markup.

<div id='header-wrapper' itemscope='itemscope' itemtype=''>

Next To find <Content-wrapper> or <main-wrapper>  and replace with below markup.

<div id='content-wrapper' itemscope='itemscope' itemtype='' role='main'>

Next to find markup line like below

<div class='post hentry uncustomized-post-template' > & <article class='post hentry' expr:id=''>

When You Find This Then Replace with Following Markup

<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype=''>


<article class='post hentry' expr:id='' itemscope='' itemtype=''>

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=''>

Now Search for <div id='sidebar-wrapper'> and replace with following markup code.

<div id='sidebar-wrapper' itemscope='itemscope' itemtype=''>

Finally Search for Blog footer section <footer id='footer-wrapper'> and replace it by following markup .

<footer id='footer-wrapper' itemscope='itemscope' itemtype=''>

Now Save Your Template; That's It.  πŸ‘Œ

Also Read: Best Tricks To Speed Up Your Blog Loading

Conclusion πŸ”–

We are hope this article help you " how to used markup on blogger" . If you have any question or any problem please don't hesitate feel free to ask us. we will responses soon as possible to your about related query. also you can share you feedback on below comment box πŸ’¬. for more about seo πŸ’―genuine tips then subscribe πŸ”” , or join our fan page.✔

Thank You ! Happy Blogging Keep Visiting.πŸ‘


Delivered by FeedBurner