Fix Author, name, datePublished, Modified error from Static Page

After introducing AMP (Accelerated Mobile Page) in most of the Blogger template we can see error. However to solve these issues various solution has already explored. But you might see error fixing from Blogger static page is rare. We have very limited guidelines to fix all the issues like Author, name, datePublished missing and required error and dateModified missing and recommended error from Blogger Static Page. Static page basically used for adding fixed content like About us page, Contact us page, different web tools pages etc. And we must fix error from those pages to make our Blogger template 100% error free.

As a result in Structured Data > hatom you might see error. I assume that you have fix all the error from your Blog page but you didn’t think about your Blog static page then still hatom error will display in Google search console.  Even I was trying to solve this issue and finally got the solution. I think I should share this secret solution with my Blog readers. It will greatly help to solve all errors from any static Blog page.

First we have to identify the error from our Blogger static pages. So just visit the below URL and test your any static page’s structured data.

• https://developers.google.com/structured-data/testing-tool/

If there error exists then you will see errors like below screenshot.

In the above image you can see Author, name, datePublished this 3 error which is missing and required but dateModified error missing and recommended, this means we must fix this issue. Whatever in this tutorial I will show you to fix all errors from Blogger static pages.

Step 1 Please visit https://www.blogger.com and Sign in to your Blogger account

Step 2 Now from Blogger Dashboard Click ->Template ->Edit HTML 

Step 3 And locate the script like below from your Blogger template

<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

You will find this markup below of <b:includable id='post' var='post'> line. This part includes whole posts or contents of a Blogger site.

Step 4 Now copy the below schema markup code and paste it below of <article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='post-meta' style='display:none;'>
<a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'> <data:post.timestamp/></abbr></a>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                      <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'><data:post.author/></span>
                      </a>
                    </span>
</div>
</b:if>

Step 5 Now click on Save template button.

In the above script I have used a conditional tag for static page, thus the script display only on Blogger static pages.  And also used a simple CSS code to hide the whole script, as a result search engine will get information about your Blog’s static pages but page visitors won’t able to see this. So you don’t need to worry about static page design.

Google didn’t provide any specific solution to solve the static page error but by applying this trick we can easily solve issues from our Blogger static pages.

Now check your Blogger static page on Google structured data markup testing tool and see all error has gone and displaying green signal. Congratulation you have successfully have solved and fixed all errors from your Blogger static pages. For any further help regarding this issue, please feel free to write me. Thank you.