How to implement Facebook Open Graph in Blogger

As we all know Social Media Marketing has become a very much important part of search engine optimization,and when we look in to social media marketing the role of Facebook is unavoidable. So to make your blogger site more friendly to Facebook Crawlers, they have introduced a new technique to make our website look more premium on facebook news feeds , so in simple this is called " Facebook Open Graph".The Open Graph protocol enables any web page to become a rich object in a social graph.
Open Graph protocol
We know there are several ways to implement this in Wordpress by the use of plugins available in the WP marketplace, but the case of blogger is difficult since in the blogger platform there are no such plugins/gadgets available to implement such thing.

So below we have mentioned some instructions and codes to make your blog Facebook friendly. Before we start just go to Facebook open graph viewer .  And input your website url to see , how your blog look in facebook. After that follow the below steps.

First thing is that copy the below code and paste it in the <Head> section of your blogger template (TEMPLATE-->Edit HTML)

<! FB Seo Tool-->
<meta expr:content='data:blog.canonicalUrl' property='og:url'/><meta expr:content='data:blog.pageTitle' property='og:title'/><meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'><title><data:blog.pageName/> | <data:blog.title/></title><meta expr:content='data:blog.postImageUrl' property='og:image'/><meta content='article' property='og:type'/>
<b:else/><title><data:blog.pageTitle/> -Your Site Title( Eg. Review at 8) </title><meta content='Your Site Logo URL' property='og:image'/><meta content='blog' property='og:type'/></b:if>
<b:if cond='data:blog.metaDescription'><meta expr:content='data:blog.metaDescription' property='og:description'/></b:if><! FB Seo Tool-->

Change the above text highlighted in the red color to your website name and logo url. Once you have done this Hit Save Template.

Now go to  Facebook open graph viewer .  And input your website url to see , how your blog look in facebook. 

Any comments are welcome....
Post a Comment (0)
Previous Post Next Post