Open Graph Snippet for Blog (Solution for Non WordPress Blogs and Sites)

Open Graph Snippet

<!-- BEGIN Open Graph tags -->

<!-- title & tpye -->

 <b:if cond='data:blog.pageType == "index"'>

    <meta content='blog' property='og:type'/>
    <meta expr:content='data:blog.pageTitle' property='og:title'/>
 <b:else/>
   <meta content='article' property='og:type'/>
   <meta expr:content='data:blog.pageName' property='og:title'/>
 </b:if>
  
 <!--ogmetatags-->
   <meta content='en_US' property='og:locale'/>
   <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
   <meta expr:content='data:blog.pageTitle' property='og:site_name'/>
  
 <!--DESC-->
  <b:if cond='data:blog.metaDescription != ""'>
  <meta expr:content='data:blog.metaDescription' property='og:description'/>
  <b:else/>
  <meta content='Description of your Site' property='og:description'/>
  </b:if>
 
 <!--IMAGES-->
  <b:if cond='data:blog.postImageThumbnailUrl'>
  <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
  <b:else/>
  <meta content='URL to Image to show in the Opengraph Snippet' property='og:image'/>
 </b:if>


<!-- END Open Graph tags -->