How to integrate Facebook Open Graph Meta Tags with Blogger

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.

How to find your Facebook Admin ID:

Integrate Facebook open graph Meta tags:

Go to your Dashboard on Blogger
Click on >> Template
Click on >> Edit HTML
Search for <head>
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:

<b:if cond='data:blog.pageType != "index"'>
<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'/>