Skip to main content

Adding Author Identification, To Post On FaceBook

Similar to the Google Authorship feature, FaceBook provides an author identification feature.

FaceBook uses "Open Graph" code to accomplish what Google provides, with simple back and forward links. The required FaceBook OG code is added to the blog template, as metadata.

To add open graph FaceBook authorship identification to this blog, I added the necessary code to the blog template. You can do the same, with your blog.

Adding FaceBook author identification to a Blogger blog is simply a matter of adding the right meta code to the template header.

(Update 3/14): Blogger Engineering recently added OG code to the standard template header - and some of this tweak may be unnecessary for many blog owners.

Use the Template Editor. Start by locating the "<HTML ... >" tag, at the top of the template header.

<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='' xmlns:b='' xmlns:data='' xmlns:expr='' xmlns:og=''>

Then add a code block, immediately after the "<HTML ... >" tag.

<!-- BEGIN Open Graph tags -->
<meta expr:content='data:blog.metaDescription' name='description' property='og:description'/>
<meta expr:content='data:blog.pageTitle' name='keywords'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<meta content='' property='article:author'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta content='http://xxxxxxxxxxxxxxxxx/xxxxxxxxxxxx/xxxxxxxxxxx/xxxxxxxxxxx/xxxxxxxxxxx/S1600-R/yyyyyyyyyyyyy.gif' property='og:image'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.canonicalHomepageUrl' property='og:url'/>
<meta content='blog' property='og:type'/>
<meta content='http://xxxxxxxxxxxxxxxxx/xxxxxxxxxxxx/xxxxxxxxxxx/xxxxxxxxxxx/xxxxxxxxxxx/S1600-R/yyyyyyyyyyyyy.gif' property='og:image'/>
<meta expr:content='"en_US"' property='og:locale'/>
<!-- END Open Graph tags -->

You will provide similar code, in your blog's template, when you do this. You'll add the code, as above.

  • One small snippet, added to the HTML tag.
  • The main code block, following the HTML tag.

You'll need to change two details, in the main code block, just added.

This is the basic code which is required, for FaceBook Authorship.

The end result - for this blog, home page.

The end result - for this post.

Having added the code to your template, you can verify the code, using the FaceBook Debugger. If necessary, you may need advice from FaceBook Support.

And please, backup the template, before and after you make this change!

This feature should make it easier to publish Blogger links and posts to FaceBook - and to allow us to publish posts containing photos, more reliably. For a version that's slightly easier to understand, one can add simpler Open Graph code to enable proper sharing of posts with photos.


Tom Ferrio said…
In your suggested code the "postImageThumbnailUrl" resolves to a 72 pixel image (at least for me) which ends up being ignored by Facebook. I had better success with "postImageUrl".
Kacie Morgan said…
Great post, thanks for your help!
Eric Leon said…
I'm lost on the 2nd part where you state the main code requires a change i inserted the code

however the instructions below are hard to understand I just copy and pasted the yellow entire yellow colored script above, it didnt work so I presume I copy/pasted wrong? Does the change happen instantaneously or does it take time?

The main code block, following the HTML tag.

You'll need to change two details, in the main code block.
The URL of your Blogger / Google profile (above).
The URL of your FaceBook profile photo (2 locations, above).
Chuck Croll said…

Please post in Blogger Help Forum, so we can discuss your problem, in detail.

Popular posts from this blog

Stats Components Are Significant, In Their Own Context

One popular Stats related accessory, which displays pageview information to the public, is the "Popular Posts" gadget.

Popular Posts identifies from 1 to 10 of the most popular posts in the blog, by comparing Stats pageview counts. Optional parts of the display of each post are a snippet of text, and an ever popular thumbnail photo.

Like many Stats features, blog owners have found imaginative uses for "Popular Posts" - and overlook the limitations of the gadget. Both the dynamic nature of Stats, and the timing of the various pageview count recalculations, create confusion, when Popular Posts is examined.

Help! I Can't See My Blog!

I just posted to my blog, so I know that it's there. I can tell others are looking at it. But I can't see it.

Well, the good news is you don't have a blog hijack or other calamity. Your blog is not gone.

Apparently, some ISPs are blocking *, or maybe have network configuration or infrastructure problems. You can access or you can access, but you can't access, or

You can't access them directly, that is. If you can access any free, anonymous proxy servers, though, you may be able to access your blog.

Note: You can use PKBlogs with the URL pre packaged. Here is the address of this post (with gratuitous line breaks to prevent the old post sidebar alignment problem):

And an additional URL, to provide to those suffering from this problem, would be the WordPress version of this post: