Blogger Open Graph Tags [ Meta Tag For Blogger ]Facebook,Twitter Meta Tag
Different Meta tags description For Each Post in your blogspot blog.
if you're integrating Meta Tags to blogger template, then all of your page including home page will have the same Meta Tags Description. Is it erroneous? No. It's just when you submitted your blog to google then you'll have duplicate meta tags description. different Meta Tags Description in each post will be more google amicable.
Add This Code under the <head> section.
<b:include data='blog' name='all-head-content'/> <b:if cond='data:blog.pageType == "index"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='Your home page description' name='description'/> <meta content='your keywords, keywords1, keyword2' name='keywords'/> </b:if> <b:if cond='data:blog.pageType == "item"'> <meta expr:content='data:blog.pageTitle' name='Description'/> <meta expr:content='data:blog.pageName + ", your keywords, keywords1, keyword2 "' name='keywords'/> </b:if> <b:skin><![CDATA[/*(code-box)
Note : Change The Red Text To Your Own
Now Save Your Template.
Social Media Open Graph For Blogger :
If you want to setup Facebook's open graph social media meta tags protocol to your blogger just follow the given step by step instructions.
- Themes > Edit HTML.
- Now Search This Code :
<b:include data='blog' name='all-head-content'/>(code-box)
- Add this code just below it:
Code:
<meta content='article' property='og:type'/> <b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='[homepage Image URL]' property='og:image'/> <meta content='[homepage Image Width]' property='og:image:width' /> <meta content='[homepage Image Height]' property='og:image:height' /> </b:if> <meta expr:content='data:blog.title' property='og:site_name'/> <meta content='[Facebook profile Id]' property='fb:admins'/> <b:if cond='data:blog.pageType == "item"'> <meta content='https://www.facebook.com/username' property='article:author'/> </b:if> <meta content='en_US' property='og:locale'/>(code-box)
You have to change something in the code.
- Replace [homepage Image URL] with the URL of the image for homepage.
- Replace [homepage Image Width] with the Width of the homepage Image.
- Replace [homepage Image Height] with the Height of the homepage Image.
- For Height and Width, Use only numeric value like '1200' or '630')[Recommended Size]
- Replace [Facebook profile Id] with your Facebook profile id.
- Replace username with your Facebook username.
Note : To get your profile id Click here
Now Save.
