You may have heard of twitter cards before, or as a douche-bag friend of mine says ‘Twittaaaa Caurrds’. If you haven’t, fear not. I only stumbled across and learnt how to use them last year. If you use twitter on regular basis, you may have seen that a number of tweets with links to sites have a ‘View Summary’ button/link. And, when you click it, it reveals further snippets of the post/webpage. That snippet is a twitter card. Twitter cards allow you to attach photos, videos, app information and various posts snippets to your tweets.
How do twitter cards work
When you tweet a link to a blog post or page of a site that has twitter cards enabled, the option to ‘view summary’ lets users see a detailed summary of the post. This includes others who tweet, or retweet your post or page.
4 Reasons why you should use Twitter cards
- They are easy to implement
- Help drive traffic to your website
- Increase click through rate
- Can increase engagement
If those 4 reasons are somehow not persuasive enough, then lets say a lot of bloggers don’t use them. In fact, I see plenty of bloggers without them. So continue reading, and learn how to make your content stand out for the right reasons.
How to add twitter cards in WordPress
The simplest way to add twitter cards to a WordPress site is through the WordPress SEO by Yoast plugin. If you haven’t installed the plugin yet, I would recommend installing it immediately – it features a number of handy SEO tools for your WordPress site. Yoast also includes an integrated Twitter card feature.
Once installed you will want to scroll down to find the SEO tab located at the bottom of the your WordPress sidebar.
You will then want to click the Social tab
And, then click the Twitter button
This will load the Twitter tab. From here you will want to add Twitter card meta data. Enter your Site Twitter Username and ensure that the default card is under summary.
Once you have entered in your details, you will now need to validate your site from the developer side of twitter. First sign in to twitter using your normal details.
You will then want to click the Summary card
From there you will see an example card, feel free to ignore this page. And then click on the validate & Apply tab
Here you will be required to enter a URL to validate (this can be any of your blog posts)
Boom, you now have validated your sites twitter card. It can take a couple of hours for it to be validated. But, once activated you have a summary snippet under each of you posts. And, now anyone sharing your posts on twitter will display a feature snippet of the post. Thanks Katie for the example :P.
How to set up Twitter cards for Blogspot
Blogspot is slightly different, as it requires you to actually insert the meta data yourself. It can be a standard copy and paste job, with some slight edits. Ignore step 1 from the above example, and click here for a quick step-by-step post on how to do this. Once the code has been inserted, follow step 2.
I hope you enjoyed this post, and implement Twitter cards. I know that bloglovin features Twitter cards, however if one of your readers ended up tweeting a URL to your post, twitter cards wouldn’t be available. If this article helped you add twitter cards, could you please share.