Saturday, April 29, 2017

How to Fix Structured Data Errors in Blogger

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

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.
Don't forget to add SEO Friendly HTML Meta Tags for your Blogger blog.
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.

Comments:

  1. Hey we applied what you wrote here but articlebody error is showing in google webmaster tool.
    Also google search result for my blog is changed please help.
    https://indianaccounting.blogspot.com

    ReplyDelete
    Replies
    1. Have you tried by enabling Author option from Layout -> Blog Posts -> Edit?

      If you can't, you can send to me your Theme and I will fix it.

      Delete
  2. i have problem with Image_url,Where can I edit html in blogger (The property image_url is not recognised by Google for an object of type BlogPosting)
    www.readytocacth.tk

    ReplyDelete
    Replies
    1. @Sanjay Vyas,
      Your site can't be reached now. Please update your site with custom Domain.

      Delete

We appreciate your comment. Shout here.
But Don't Spam. You can put URL without Anchor tag where it is necessary to mention.