How To Show Facebook Profile As Author Meta Tag While Sharing For Blogger? - [Solved]

I would like to welcome you to Techno Geek Zone, In this post I am going to show you how you can add/show your Facebook profile or page as an author meta tag while sharing your posts on Facebook.

Above is an example how your tags may appear when you are going to use facebook graph api of Facebook meta tags for blogs and websites. You are supposed to add some extra meta tags in your template in order to implement the changes. You can also check your share preview from here - https://developers.facebook.com/tools/debug/

Follow Below Steps To Add :

Complete all the steps to show your Facebook page or profile as author meta tag while sharing on Facebook.

Code To Be Changed Above <head> Tag :

Add xmlns:og='http://ogp.me/ns#' as show in the below example:

Add The Below Code In The <Head> Tag :

<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<metacontent='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7AygUERbUUcW5nuKER1JIbqARz4qEMeSMM2lYBD0_g0GQLut5C4l7JiAmHDoM9haMkbKiQBUcXQbzN-5air5Lmgikxj9fAQvdKfcpdjKi9OssTIbfeWiOXpl21wT2XdG6J1xzE_6_GGM/s1600/technogeekzone+.jpg' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>
<meta content='https://www.facebook.com/technogeekzone' property='article:publisher'/>
<meta content='https://facebook.com/TheGeekyBloggers' property='article:author'/>

Change TheGeekyBloggers with the username ID of the profile or page you want to show up in the sharing box.

ADS HERE !!!

Follow Below Steps To Add :

Code To Be Changed Above <head> Tag :

Add The Below Code In The <Head> Tag :

Related Posts