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='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'>

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='https://plus.google.com/nnnnnnnnnnnnnnnnnnnnn/about' 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'/>
<b:else/>
<meta content='http://xxxxxxxxxxxxxxxxx/xxxxxxxxxxxx/xxxxxxxxxxx/xxxxxxxxxxx/xxxxxxxxxxx/S1600-R/yyyyyyyyyyyyy.gif' property='og:image'/>
</b:if>
<b:else/>
<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'/>
</b:if>
<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.
    xmlns:og='http://ogp.me/ns#'
  • 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.

Comments

Tom 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 said…
Great post, thanks for your help!
Unknown said…
I'm lost on the 2nd part where you state the main code requires a change i inserted the code
xmlns:og='http://ogp.me/ns#'


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).
https://plus.google.com/nnnnnnnnnnnnnnnnnnnnn/about
The URL of your FaceBook profile photo (2 locations, above).
http://xxxxxxxxxxxxxxxxx/xxxxxxxxxxxx/xxxxxxxxxxx/xxxxxxxxxxx/xxxxxxxxxxx/S1600-R/yyyyyyyyyyyyy.gif
Nitecruzr said…
Eric,

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

Popular posts from this blog

What's The URL Of My Blog?

We see the plea for help, periodicallyI need the URL of my blog, so I can give it to my friends. Help!Who's buried in Grant's Tomb, after all?No Chuck, be polite.OK, OK. The title of this blog is "The Real Blogger Status", and the title of this post is "What's The URL Of My Blog?".

Leave Comments Here

Like any blogger, I appreciate polite comments, when they are relevant to the blog, and posted to the relevant article in the right blog. If you want to ask me a question thats relevant to blogging, but you can't find the right post to start with (I haven't written about everything blogger related, yet, nor the way things are going I don't expect to either), ask your questions here, or leave an entry in my guestbook.

As noted above, please note my commenting policy. If you post a comment to this post, I will probably treat it as a "Contact Me" post. If you have an issue that's relevant to any technical issue in the blog, please leave a comment on the specific post, not here. This post is for general comments, and for non posted contact to me.

If the form below does not work for you, check your third party cookies setting!

For actual technical issues, note that peer support in Blogger Help Forum: Something Is Broken, or Nitecruzr Dot Net - Blogging is, almos…

What Is "ghs.google.com" vs. "ghs.googlehosted.com"?

With Google Domains registered custom domains becoming more normal, we are seeing one odd attention to detail, expressed as confusion in Blogger Help Forum: Learn More About Blogger.My website uses "ghs.google.com" - am I supposed to use "ghs.googlehosted.com", instead?It's good to be attentive to detail, particularly with custom domain publishing. This is one detail that may not require immediate attention, however.