April 21, 2014

Textual description of firstImageUrl

How To Fix Hcard Author And Missing Required Field Name (fn) Error For Blogger

|
Find out how to fix Hcard author and missing required field name (fn) error.

This is another common structured data markup error faced by many Blogger users.

The error message in red could one of these:

Error: At least one field must be set for Hcard
 

Error: Missing required field “name (fn)”

Error: Missing required hCard "author"

Warning: Missing required hCard"author"

It is not that difficult to overcome this author must be set for hCard and required field "name (fn)" error.

fix Hcard author and missing required field name (fn) error

There are two parts to solve this structured data markup issue.

Just follow my tutorial below carefully, and I am sure you can get rid of this problem in no time.

Fix Hcard Author & Missing Required Field Name (fn)


PART ONE: Check Posted By

1. Go to Blogger Dashboard.

2. Click on "Layout".

3. Go to "Main Blog Post blog", click on "Edit"

4. A box pops up.

5. Click on the box in front of "Posted by" to check it. (A tick inside the box)

6. Then click on the orange color "Save" button below.

PART TWO: Add Code To Template

1. Click on "Theme".

2. Then click on "Edit HTML".

3. Look for this line:

post-header-line-1
4. Now copy this set of code:

<span class='post-author vcard'>
      <b:if cond='data:top.showAuthor'>
        <data:top.authorLabel/>
             <b:if cond='data:post.authorProfileUrl'>
             <span class='fn'>
             <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
             <data:post.author/>
             </a>
             </span>
             <b:else/>
             <span class='fn'><data:post.author/></span>
             </b:if>
     </b:if>
</span>
5. Paste this set of code BELOW the line found at #3

6. when you paste together it looks like this:

post-header-line-1
<span class='post-author vcard'>
      <b:if cond='data:top.showAuthor'>
        <data:top.authorLabel/>
             <b:if cond='data:post.authorProfileUrl'>
             <span class='fn'>
             <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
             <data:post.author/>
             </a>
             </span>
             <b:else/>
             <span class='fn'><data:post.author/></span>
             </b:if>
     </b:if>
</span>
7. Then click on the orange color "Save theme" button.

Related:

* How To Fix Missing Required hCard Author Error For WordPress

* How To Fix A Value For The Image Field Is Required Error For Blogger

* How Fix datePublished Missing And Required Error For Blogger

* How To Fix Value For The Headline Field Is Required Error Blogger