Oct 7, 2018

How to Add Open Graph Tags in Blogger Blogs

are you using Open Graph Tags in your website?

Facebook has a very large user community where you can attract a lot of visitor to your website.

you should add open graph tags on your website HTML body for Facebook because it is one of the most important tags that every blogger should use.


it helps you to increase the organic reach of your audience on Facebook. when you share a link of your website, open graph tags show that link's preview on your post.

in the previous article, I shared how to add twitter card in blogger.

 today I am going to share with you how to add open graph tags in blogger.


How to Add Open Graph Tags in Blogger Blogs

go to the dashboard of blogger

click on the theme


How to Add Open Graph Tags in Blogger Blogs


and then select Edit HTML


How to Add Open Graph Tags in Blogger Blogs


now you can see the source code of your blogger site.

now press (ctrl+f) to search </head> section

copy below code and paste it above the </head> section.

<!-- Open Graph Meta Tags BEGIN -->
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
  <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.metaDescription'>
  <meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>

<!-- Open Graph Meta Tags END -->

now you have successfully added your open graph meta tags in blogger.

now copy one of your website URL, go to Facebook and post it to check.

it will appear in box format.

we are also on facebook as @Rajeshsahu1820 you can get updated. 

that's it.

you have done your work to get some traffic to your website from Facebook.

you can learn more about open graph meta tags.

Disqus Comments