Blogger Open Graph Tags

Adding Open Graph metadata to Blogger is easy. Copy the below code and paste it into your template after the tag.
Notes:
Blogger has a default locale: en-US (you can hardcode og:locale)
Consider changing the second og:type from website to profile and adding your own information
og:image is only supplied if Blogger finds an image in the current post (Thumbnail URL).
Empty og:image is invalid.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<!-- Begin Open Graph metadata --> <b:if cond='data:blog.pageType == &quot;item&quot;'> <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.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='&quot;en_US&quot;' property='og:locale'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> <!-- End Open Graph metadata -->