Need of Open Graph tags
When sharing website page like in facebook or twitter or LinkedIn or any social media, the current page title, image, page description, url and more information it searches or guess it. Actually information cannot shared.
So to avoid above problem, use Open Graph tags i.e <meta> og tags.
In general automatic set <meta> tags Og page title, description, image, page url you set manually at each page. But need automatically set use following blogger code.
How to add Open Graph tags in blogger websites steps
Step 1: Login blogger.com website with your username and password
Step 2: Go to Theme option in dashboard
Step 3: Now Click on Customize Arrow option
Step 4: Under of Customize >> choose Edit Html option
Step 5: Now find the exactly location
Step 6: Now add following code at above image
<!-- Begin Open Graph metadata -->
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='"en_US"' property='og:locale'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<!-- End Open Graph metadata -->
0 Comments:
Post a Comment