How To Set Up Twitter Cards and Why You Should Do So

Table of Contents

How To Set Up Twitter Cards and Why You Should Do So
How To Set Up Twitter Cards and Why You Should Do So

Whether you have set up Twitter Cards or not, you have likely seen them in action on your Twitter feed. They take a plain, text-only tweet and expand it into something that stands apart from other tweets, capturing interest and increasing click-through rates.

Twitter Cards allow you to attach rich media to your tweets, so that if you – or someone else – links to a page on your site, a ‘card’ or extra block of text, images or videos are added to the tweet.

If you see a tweet that says ‘View summary’ below it, you know there’s an attached Twitter Card. For instance, take a look at the following tweet:

twitter cards 1

If you click on ‘View summary’, the tweet expands and you see a ton of additional content:

twitter cards 2

What Types of Twitter Cards are Available?

We’ll jump into how to set up Twitter Cards in a minute, but first let’s quickly run through the 9 basic types of Twitter Cards you can use:

  1. Summary Card – This is the default card. It includes a title, description, thumbnail image and a link to your Twitter account.
  2. Summary Card with large image – Same as the regular summary card, but with a bigger image and some additional info
  3. Photo Card – Photo only
  4. Gallery Card – Includes 4 images
  5. App Card – Allows users to directly download a mobile app
  6. Player Card – Shows video, audio or media
  7. Product Card – Shows product details (ideal for ecommerce sites!)

The last 2 cards are available only through the Twitter ads dashboard:

  1. Lead generation Card – Generate leads for products or services
  2. Website Card – Encourage visitors to click-through to your website

How to Set up Twitter Cards

The nice thing about Twitter Cards is once you have set them up for a particular page or post, you are done. After that, each time someone tweets that page, your Twitter Card gets attached. In the same way that Facebook grabs a thumbnail, title and description when you post a link, Twitter’s crawlers automatically find and attach cards to your tweets.

Setting up Twitter Cards will involve adding a few lines of code to your site, and then validating it; if the idea of jumping into your code terrifies, you will want to stick with the first option below!

The Easy Option: Using a WordPress Plugin

If you have a WordPress site, you’re in luck! Chances are you already have the Yoast SEO plugin installed. If so, follow the instructions below.

1. In your WordPress dashboard, go to the Yoast plugin, and then the ‘Social’ page. Make sure ‘Add Twitter meta data’ is checked, input your Twitter username and click ‘Save Changes’.

twitter cards 3

2. Next go to Twitter’s Card Validator to have the card approved for your site. Click on the ‘Validate & Apply’ tab, and enter the URL of your page. Hit ‘Go’ and wait to be approved! (shouldn’t take long).

twitter cards 4And that’s it! The downside to using this plugin is that it doesn’t let you choose which type of card to use. If you would like greater customization capabilities, check out the JM Twitter Cards plugin.

The Less-Easy Option (But Still Easy)

Setting up Twitter Cards manually does require a bit of coding know-how. This may be a good task to hand over to your tech-person if you’re leery of jumping into the code!

  1. Choose the type of card you’d like for your page (see the list above for the 9 types of cards Twitter currently offers).
  2. Go here and click on the link to the type of card you’d like to use (under ‘Cards that drive engagement from your Tweets’).
  3. Grab the code from the bottom of the page, and paste it into the <head> section of your page. Customize info as necessary.
  4. Run the URL through Twitter’s Card Validator tool.
  5. Tweet a link to that URL to ensure the card is working.

For detailed instructions for how to manually set up each type of card, check out this post on Forbes: The Definitive Guide to Using Twitter Cards.

Why Should I Use Twitter Cards?

There really is no downside to using Twitter Cards. It may take you a few minutes to set up, but the benefits far outweigh the minimal time investment.

One of the biggest (and most obvious) benefits is the increased real estate you get on your followers’ feeds.

Cards allow you to add far more content to your title and description, as well as bigger images. This means more exposure, more space to get your message across, and increased clicks to your site.

Twitter Cards also ensure you get proper attribution for your content. Because each card includes attribution to your Twitter account, you’re guaranteed to get credit for your content. Plus, if you specify your info in twitter:site and twitter:creator, you get credit TWICE when your content is tweeted: once as the author of the content, and once as the publisher.

Have you set up Twitter Cards for your site yet? If you haven’t, what’s holding you back?

About Author

Comment Via Facebook
Notify of

Newest Most Voted
Inline Feedbacks
View all comments
Kim Garst
10 years ago

WOW, thanks for the info, Konrad!

Kim Garst
9 years ago

Thanks Paula 🙂

Scott Simmerman
Scott Simmerman
8 years ago

We love you, Kim. Keep up the good work.

6 years ago

I retweeted it

5 years ago

Thanks for the information. I will be implementing this on my blog ASAP

4 years ago

Thanks for the info. Please update the links…

3 years ago

great Info.this the first time to know about twitter card.

Get FREE Access to 51 Mini Digital Product Ideas that people will line up to buy!