Latest news, food, business, travel, sport, Tips and Tricks...

Blogger Inclusion openGraphMetaData

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.

CALL FOR INCLUSION

<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.

THE CONTENT

<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>

,