Skip to content

Instantly share code, notes, and snippets.

@jonheslop

jonheslop/example.html

Created January 4, 2019 10:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jonheslop/36e2e0424a2982eea684905e3a30b5c1 to your computer and use it in GitHub Desktop.
Save jonheslop/36e2e0424a2982eea684905e3a30b5c1 to your computer and use it in GitHub Desktop.
Download ZIP
Blogger meta tags for rich previews
Raw
example.html
<!-- Facebook OpenGraph -->
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<!-- Title, URL & Description -->
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' name='og:description'/>
</b:if>
<!-- Image -->
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
</b:if>
<!-- Twitter Card -->
<meta content='summary_large_image' name='twitter:card'/>
<!-- Title, URL & Description -->
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.url' name='twitter:url'/>
<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>
<!-- Image -->
<b:if cond='data:blog.postImageUrl'>
<meta expr:content=' data:blog.postImageUrl' name='twitter:image'/>
</b:if>
<!-- Twitter specific -->
<meta content='CasparSalmon' name='twitter:site'/>
<meta content='CasparSalmon' name='twitter:creator'/>
@jonheslop
Copy link
Author

This all needs to go between <head> and </head>

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