Social Media Support

Written by Tim on Friday, March 17, 2017

SteamPress has undergone a number of changes recently! We are now at version 0.8.0! The last couple of versions have seen a large number of improvements for Social Media, including Open Graphs and Twitter Cards. This means that an image like below will be displayed when sharing it:

Twitter Inception

If you take a look at the headers for this page, you will see all the new headers that are set to allow embedded tweets to link to the page:

<meta name="description" content="SteamPress has undergone a number of changes recently! We are now at version 0.8.0! The last couple of versions have seen a large number of improvements for Social Media, including Open Graphs and Twitter Cards. This means that an image like below will be displayed when sharing it:">
<meta name="twitter:widgets:csp" content="on">
<meta property="og:url" content="http://steampress-example.herokuapp.com/blog/posts/social-media-support/">
<meta property="og:title" content="Social Media Support">
<meta property="og:description" content="SteamPress has undergone a number of changes recently! We are now at version 0.8.0! The last couple of versions have seen a large number of improvements for Social Media, including Open Graphs and Twitter Cards. This means that an image like below will be displayed when sharing it:">
<meta property="og:type" content="article">
<meta property="article:published_time" content="2017-03-17T19:20:31+0000">
<meta property="og:site_name" content="SteamPress">
<meta property="article:modified_time" content="2017-03-22T18:56:08+0000">
<meta property="article:author" content="http://steampress-example.herokuapp.com:80/blog/authors/tim/">
<meta property="article:tag" content="SteamPress">
<meta property="article:tag" content="Development">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:image" content="https://static.brokenhands.io/steampress/blog-images/twitterCardsMeme.jpg">
<meta name="twitter:site" content="@brokenhandsio">

This means, that when we add the link to this page, we get:

Twitter Link

Meta huh! All this is enabled by all of the new features that are provided to the templates.

Also added are a new tag API, so tagging can be a lot more dynamic. See the 0.6.0 release notes for details.

Happy blogging!

Tim