Recent Posts

How to Fix Structured Data Errors in Blogger

Structured Data or Schema Markup is the most useful and important feature to promote, index, add rich snippet contents of your website or blog properly in Search Engine result like Google, Bing etc. Learn how to fix structured data errors in Blogger on this tutorial. For better Search Engine Optimization of your web property, fixing structured data errors is too important. 
After converting HTML to Blogger Theme it is the challenge to fix structured data markup errors.

How to Fix Structured Data/ Schema Markup Errors in Blogger

This tutorial will help you to fix structured data schema markup all errors for your Blogger website. Before fixing you should check errors from Google Structured Data Testing Tool (SDTT). Probably you may see many errors like blogId, postId, datePublished, Image url, headline, publisher and warning about dateModified, mainEntityOfPage.

Now test compromath.com and you will get no errors. Don’t worry. We will try to fix all errors step by step.
  • Go to Blogger Dashboard and Edit HTML
  • Open a new tab and check again your domain URL.
Step-1: Find <body and replace with the following code.

<body itemscope='' itemtype="http://schema.org/WebPage">

Step-2: Now search for content-wrapper . Add the following attributes within content-wrapper.

itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'

If do not found just add the following code just after <body> tag
<div id='content-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>

And close this tag by placing </div> just before </body> tag.

Step-3: Find for 'post hentry uncustomized-post-template' and replace with 'post h-entry uncustomized-post-template'

You may find twice and replace all.

Step-4: Search for <h1 class='post-title entry-title' itemprop='name'>

and replace with <h1 class='post-title entry-title' itemprop='headline'>

Step-5: Search for <meta expr:content='data:blog.blogId' itemprop='blogId'/> and replace with <meta expr:content='data:blog.blogId'/>

And search for <meta expr:content='data:post.id' itemprop='postId'/> and replace with <meta expr:content='data:post.id'/>

You can get this twice after hitting enter. You have to change both time.

Step-6: Search for <b:if cond='data:post.firstImageUrl'> and replace the following code:
<b:if cond='data:post.firstImageUrl'>
  <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>
with
<!-- Commented code
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>
End Commented code -->
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<b:if cond='data:post.firstImageUrl'>
<img style='display:none;' expr:src='data:post.firstImageUrl' alt='Textual description of firstImageUrl'/>
<meta itemprop='image' expr:content='data:post.firstImageUrl'/>
</b:if>
<meta itemprop='width' content='800'/> <!--Images should be at least 696 pixels wide.-->
<meta itemprop='height' content='800'/>
</div>
Step-7: mainEntityOfPage error: To fix mainEntityOfPage error you have to find the following code. To find search for
<b:includable id='post' var='post'>
So your replaceable code:
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
Replaced with:
<b:includable id='post' var='post'>
<!-- Commented code
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
-- End Commented code -->
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta itemscope='itemscope' itemprop='mainEntityOfPage'  itemType='https://schema.org/WebPage' expr:itemid='data:post.link' content= 'data:post.link : data:post.url'/>
Again search for <b:includable id='mobile-post' var='post'> and your replaceable code is:
<b:includable id='mobile-post' var='post'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
Replaced with:
<b:includable id='mobile-post' var='post'>
<!-- Commented code
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
End Commented code -->
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta expr:itemid='data:post.link' content= 'data:post.link : data:post.url' itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
Step-8 (dateModified Error): To fix dateModified Error you have to search for the following code:
<meta content='data:post.link : data:post.url' expr:itemid='data:post.link' itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
and replace with:
<meta itemscope='itemscope' itemprop='mainEntityOfPage'  itemType='https://schema.org/WebPage' expr:itemid='data:post.link ? data:post.link : data:post.url'/>
<meta expr:content='data:post.timestamp' itemprop='datePublished'/>
<meta expr:content='data:post.lastUpdatedISO8601' itemprop='dateModified'/>
Step-9 (Publisher): To fix publisher error search for the following code:
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
and paste the following code just after above:
<div itemprop='publisher' itemscope='' itemtype='https://schema.org/Organization'>
<div itemprop='logo' itemscope='' itemtype='https://schema.org/ImageObject' style='display:none;'>
<img src='PUT LOGO URL HERE'/>
<meta content='PUT LOGO URL HERE' itemprop='url'/>
<meta content='600' itemprop='width'/>
<meta content='600' itemprop='height'/>
</div>
<meta expr:content='data:blog.title' itemprop='name'/>
</div>
Step-10 (Breadcrumb): You can add breadcrumb schema markup but without it does not show any error or warning.

To add you have to add attribute itemprop="breadcrumb" within your breadcrumb starting tag.

Example: <div itemprop="breadcrumb">

Step-11: Add the following code before </head>
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "publisher": "Elliyas Ahmed",
  "url": "http://www.compromath.com"
}
</script>
You have to customize with your name and URL address.

Step-12: Go to Blogger Dashboard→Setting→Language and formatting and select Timestamp Format. Choose from the drop down menu as "Saturday, April 29, 2017". You have to change only Timestamp Format not others.
Recommended: See the collection to customize your Blogger Template.
Have got this article helpful or not working? Put your comment below.