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
Blogger , Tips and Tricks<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>