Skip to content

Instantly share code, notes, and snippets.

@milanaryal
Last active March 22, 2020 14:27
Show Gist options
  • Star 4 You must be signed in to star a gist
  • Fork 10 You must be signed in to fork a gist
  • Save milanaryal/92997b311580c6e96dd0 to your computer and use it in GitHub Desktop.
Save milanaryal/92997b311580c6e96dd0 to your computer and use it in GitHub Desktop.
Google Blogger/BlogSpot Social Meta Tags for Facebook, Twitter, Google+, Pinterest [v1.0]
<!-- add the following code in the head tag -->
<head prefix='og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#'>
<!-- Share Image -->
<link href='YOUR_LOGO_IMAGE' rel='image_src'/>
<!-- Open Graph Meta Tags -->
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='blog' property='og:type'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<!-- <b:else/>
<meta expr:content='data:post.snippet' property='og:description'/> data:post.snippet only work after body tag -->
</b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='YOUR_LOGO_IMAGE' property='og:image'/>
</b:if>
<!-- /Open Graph Meta Tags -->
<!-- Facebook Meta Tags -->
<meta content='YOUR_FACEBOOK_ID' property='fb:admins'/> <!-- find your facebook if from graph.facebook.com/your_username -->
<meta content='YOUR_APP_ID' property='fb:app_id'/>
<meta expr:content='&quot;en_US&quot;' property='og:locale'/> <!-- en_US refers to US English language -->
<meta expr:content='&quot;en_GB&quot;' property='og:locale:alternate'/> <!-- en_GB refers to UK English language -->
<meta expr:content='&quot;ne_NP&quot;' property='og:locale:alternate'/> <!-- ne_NP refers to Nepali language -->
<!-- Google Authorship and Publisher Markup -->
<link href='https://plus.google.com/+YOUR_GOOLE+_CUSTOM_NAME/posts' rel='author'/>
<link href='https://plus.google.com/+YOUR_GOOLE+_CUSTOM_NAME' rel='publisher'/>
</head>
<body>
<!-- Google+ Schema.org Markup Tags must be after itemtype='http://schema.org/Blog' -->
<div class='blog-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog'>
<!-- Schema.org Markup Tags for Google+ -->
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<meta expr:content='data:blog.pageName' itemprop='name'/>
<meta expr:content='data:blog.canonicalUrl' itemprop='url'/>
<b:else/>
<meta expr:content='data:blog.title' itemprop='name'/>
<meta expr:content='data:blog.homepageUrl' itemprop='url'/>
</b:if>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' itemprop='image'/>
<b:else/>
<meta content='YOUR_LOGO_IMAGE' itemprop='image'/>
</b:if>
<!-- /Schema.org Markup Tags for Google+ -->
<!-- Twitter cards tags must be place after <b:includable id='post' var='post'> -->
<b:includable id='post' var='post'>
<!-- Twitter Card Tags -->
<meta content='@TWITTER_USER' name='twitter:site'/>
<meta content='@TWITTER_USER' name='twitter:creator'/>
<b:if cond='data:post.firstImageUrl'>
<meta content='summary_large_image' name='twitter:card'/> <!-- summary_large_image or any other your card types -->
<meta expr:content='data:post.firstImageUrl' name='twitter:image'/>
<b:else/>
<meta content='summary' name='twitter:card'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<b:else/>
<meta expr:content='data:blog.title' name='twitter:title'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:else/>
<meta expr:content='data:post.snippet' name='twitter:description'/>
</b:if>
<meta expr:content='data:post.sharePostUrl' name='twitter:url'/>
<!-- /Twitter Card Tags -->
<!-- Pinterest Rich Pins Tags -->
<meta expr:content='data:post.timestampISO8601' property='article:published_time'/>
<meta content='Technology' property='article:section'/>
<b:loop values='data:post.labels' var='label'>
<meta expr:content='data:label.name' property='article:tag'/>
</b:loop>
<!-- /Pinterest Rich Pins Tags -->
</body>
@indiarocks08
Copy link

and
arent workng..
Giving Error
TEMPLATE ERROR: Invalid data reference label.name: No dictionary named: 'label' in: ['blog', 'skin', 'view']

@TenToppest
Copy link

That is what I need ... Simple Awsome !!! Thanks
Also visit : Top 10 Meta Tags that must be used in Blogger/Website

@anhdoge
Copy link

anhdoge commented Apr 8, 2018

author meta is not working

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment