The Open Graph protocol is a set of tags that allows a webmaster to provide social networks with detailed information about the pages to share. The search engines also use this protocol to better understand the content of a web page. Originally created by Facebook, now the OpenGraph protocol managed by the OpenWeb Foundation.

This inclusion is called by by default within all-head-content inclusion, which is contain basic meta tag for Blogger user and managed by Blogger.

<b:include name='openGraphMetaData'/>

The content of BLogger openGraphMetaData Inclusion

If we are look at output in the Page Source of our Blog, the content inside its inclusion maybe like below code.

<b:includable id='openGraphMetaData'>
  <b:comment render='false'>Metadata for Open Graph protocol. See http://ogp.me/.</b:comment>
  <meta expr:content='data:blog.url.canonical' property='og:url'/>
  <meta expr:content='data:view.title.escaped' property='og:title'/>
  <meta expr:content='data:view.description.escaped' property='og:description'/>
  <b:if cond='data:view.featuredImage'>
    <meta expr:content='resizeImage(data:view.featuredImage, 1200, "1200:630")' property='og:image'/>
  <b:elseif cond='data:widgets'/>
    <b:loop values='data:widgets.Blog.first.posts where (p => p.featuredImage) map (p => p.featuredImage)' var='imageUrl'>
      <meta expr:content='resizeImage(data:imageUrl, 1200, "1200:630")' property='og:image'/>
    </b:loop>
  <b:elseif cond='data:blog.postImageUrl'/>
    <meta expr:content='resizeImage(data:blog.postImageUrl, 1200, "1200:630")' property='og:image'/>
  </b:if>
</b:includable>

Share This

Facebook Twitter WhatsApp LINE Google Bookmark