Thursday, September 03, 2015

How to set up Basic Twitter Cards.

Setting up Twitter Cards is pretty easy, and the click through potential from having these hanging off every tweet sent from your site is, obviously, some serious long-tail. A lot of brands don't realise this is available, but it's free to use for everyone. It makes tweets expandable and lets content be visible inline in Twitter. You've probably seen them on other peoples posts.

There's a few varieties - you can get an overview of them here - but I'm just going to cover the most rudimentary. They can give people a much richer multi-media experience, with added video and audio, product content and the like. They give the consumer a little something extra and link directly through to your content.

a surprising little something extra

I have this basic version (a Summary Card - which has description, title and a thumbnail) installed on this blog. If you do nothing else, do this. The code is pretty basic. I'm just using a simple site overview across every page. Just edit the bold bits accordingly and add it to your /head tag:

Once the tags are live, you can test the card with the official Twitter Card Validator.  If you have a blogger blog (like this one) just go to Template, then go to Edit HTML, then cut and paste the above into the /head field. I hosted my image over on good old

Once it's all up and running and validated you can keep an eye on your analytics by being logged into your Twitter account and going to, then clicking on the Twitter Cards tab at the top.

If you want to see it in action, share this post on Twitter then click it to expand it once it's posted. Go on, you know you want to ;)