Sometimes
when you sharing your blog post on Facebook, Google+ and Twitter  you can face trouble
regarding post content, title, thumbnails, no post description etc. To fix out
this issue you must have to use schema.org Meta tags or Facebook Open Graph
Meta Tags. Now in this post we learn how to use Facebook open graph Meta tags in
your Blogger template. So first of all we need to find two things
Facebook Admin ID and User ID to take control of social
plugins like Facebook comments because without adding “fb:admin” Meta
tag you won’t able to moderate Facebook comments posted by other users.

Facebook Open Graph

How to find your Facebook Admin ID:

Login
to your Facebook account and go to link https://developers.facebook.com/tools/explorer/
Integrate Facebook open
graph Meta tags:
  1. Go to your Dashboard on Blogger
  2. Click on >> Template
  3. Click on >> Edit HTML
  4. Search for <head>
  5. Replace it with the following code:

<head prefix='og: http://ogp.me/ns# fb:
http://ogp.me/ns/fb# article: http://ogp.me/ns/article#'>

Now paste following Facebook Open Graph Meta
tags:

<!-- Facebook Open Graph LabLance.Com-->
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='article' property='og:type'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='blog' property='og:type'/>
</b:if>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='Logo URL' property='og:image'/>
</b:if>
<meta content='User ID' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>

Save template and you’re done.

LEAVE A REPLY

Please enter your comment!
Please enter your name here