1/02/2017

How to solve the blogger structural data errors in your blog

How to solve the blogger structural data errors in your blog
Google has the special tool to check your web site code if any error available in your code. Using this tool to correct your code to correct format and add the all the essential thing in your template code. In blogger user, you can check your code in the Google Structural data tool if no error in your blog it not shows the any error after test your blog. If any error found in your blog it will show the error in the red colour.

If any warning available in your blog it will show the warning in yellow colour. This error and warning can be easily solvable. How to solve this error in your blog show below using this you can solve that entire problem very easily.

I can explain the each error and warning individually. And how to solve this error explain below.

1. The property image_url is not recognized by Google for an object of type BlogPosting.
If you see this error in your blog when you test in the Google Structural data tool. Login to your blogger blog and go to the template section and click edit html and open the code. Press ctrl + f to search
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
Like this in the code if you find the code single place or two more place replace this code with given code below.
<meta expr:content='data:post.firstImageUrl' itemprop='url'/>
Now save the code again check the code in the Structural data tool the error will solve you can not see that error on the test result.
The attribute image.itemtype has an invalid value you can get this warning you can solve with above the solution.

2. The property blogId is not recognized by Google for an object of type Blog Posting.
You can get this kind of error in the Blog test result. Find this line in your blogger template code.
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
It will be present single place are two more places. After finding the code in your template, replace that above code with below code I given.
<meta expr:content='data:blog.blogId'/>

Also Read: How to remove the Blogger Bundle CSS from your Blogger Template

3. The property postId is not recognized by Google for an object of type Blog Posting.
You can get this kind of error in the Blog test result. Find this line in your blogger template code.
<meta expr:content='data:post.id' itemprop='postId'/>
It will be present single place are two more places. After finding the code in your template, replace that above code with below code I have given.
<meta expr:content='data:post.id'/>

4. A value for the headline field is required.
You can get this kind of error in the Blog test result. Find this line in your blogger template code.
<h3 class='post-title entry-title' itemprop='name'>
It will be present single place are two more places. After finding the code in your template, replace that above code with below code I have given.
<h3 class='post-title entry-title' itemprop='headline'>

Also Read: How to remove plusone js from your blogger template

5. A value for the image field is required.
You can get this kind of error in the Blog test result. Find this line in your blogger template code.
<data:post.body/>
And paste this below code after the above line. You can find this line two to three places in your blogger 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'/>
<meta itemprop='url' expr:content='data:post.firstImageUrl'/>
</b:if>
<meta itemprop='width' content='800'/>
<meta itemprop='height' content='800'/>
</div>

6. A value for the datePublished field is required.
You can get this kind of error in the Blog test result. Find this line in your blogger template code.
<data:post.body/>
And paste this below code after the above line. You can find this line two to three places in your blogger code.
<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
<div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<img style='display:none;' src='LOGO IMAGE URL'/>
<meta itemprop='url' content='LOGO IMAGE URL'/>
<meta itemprop='width' content='600'/>
<meta itemprop='height' content='60'/>
</div>
<meta itemprop='name' expr:content='data:blog.title'/>
</div>
Change the LOGO IMAGE URL with your blogger logo image url.

Also Read: How to enable the Https in your Blogger Blog

7. A value for the datePublished field is required.
You can get this kind of error in the Blog test result. Find this line in your blogger template code.
<div class='post h-entry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
And paste this below code after the above line.
<meta expr:content='data:post.timestamp' itemprop='datePublished'/>

8. The dateModified field is recommended. Please provide a value if available.
You can get this kind of error in the Blog test result. Find this line in your blogger template code.
<div class='post h-entry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
And paste this below code after the above line.
<meta expr:content='data:post.lastUpdatedISO8601' itemprop='dateModified'/>
In above code remove the itemscope=’itemscope’

9. The mainEntityOfPage field is recommended. Please provide a value if available.
You can get this kind of error in the Blog test result. Find this line in your blogger template code.
<div class='post h-entry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
And paste this below code after the above line.
<meta itemscope='itemscope' itemprop='mainEntityOfPage'  itemType='https://schema.org/WebPage' expr:itemid='data:post.link' content= 'data:post.link : data:post.url'/>

Share this: