How to Set up a Twitter Card in WordPress (2 Simple Steps)

We all want to stay ahead of the game when it comes to social media. One of the ways you can do that is to set up a Twitter card so that when you share your posts over Twitter they look awesome! I love Twitter. 😁

What is a Twitter Card?

A Twitter card is simply a small image and description that automatically gets displayed when a URL from your WordPress site is shared. Twitter cards make your tweets more detailed and it helps increase your click-through rate.

This is done by adding a special meta tag, such as <meta name="twitter:card" content="summary_large_image"> behind the scenes. But don’t worry, you won’t need to know any code to set up a Twitter card.

Here is an example below of a Twitter card with one of our Tweets.

Twitter card image
Twitter card image

Set up Your Twitter Card in WordPress

I’m going to show you how to set up a Twitter card in WordPress with just a few clicks. You will also have a little control over how it looks. Just follow the steps below.

Step 1

Thankfully the amazing Yoast SEO plugin can easily do this. You can install Yoast SEO by going to “Plugins → Add New” in your dashboard and searching for “Yoast.” Simply install and activate the plugin.

Install Yoast SEO plugin
Install Yoast SEO plugin

Tip: If you don’t want to use Yoast SEO for this, a lot of social media plugins also add the Twitter card meta data. I highly recommend the Social Warfare plugin and that is what is used on this site.

Step 2

Then go to “SEO → Social” and click into the “Twitter” tab.

Enable Twitter card in WordPress
Enable Twitter card in WordPress

All newer versions of the Yoast SEO plugin no longer require you to validate your Twitter URL or enter your Twitter username. Simply make sure the “Add Twitter card meta data” option is enabled. You then have two options for how you want your Twitter card to display.

Option 1: Summary

If you want a nice description with a small thumbnail, go with the summary option. Here is an example below.

Twitter card summary
Twitter card summary

Option 2: Summary with Large Image

I personally recommend going with the second option, which is a summary with large image option. This will help make your Tweets pop! Here is an example below.

Twitter card with summary and large image
Twitter card with summary and large image

Twitter Card Validator

Twitter has an awesome tool called the Twitter Card Validator which you can use to preview your card. Make sure to clear the cache on your WordPress site first if you just recently made changes. Just enter in your URL and hit “Preview Card.” You will then see what your post would look like if it was shared on Twitter.

Twitter Card Validator
Twitter Card Validator

Make sure to also check out my other post on how to clear Twitter cache.

If this was helpful please let me know below in the comments!

author bio
Brian Jackson

I craft actionable content and develop performance-driven WordPress plugins. Connect on X, subscribe to my newsletter (once a month), or buy me coffee.

9 thoughts on “How to Set up a Twitter Card in WordPress (2 Simple Steps)”

  1. What about the Player, Photo, Gallery, and Product cards? I don’t understand why you would use an SEO plugin to do SMO (aka SSO). Why not use something like WPSSO instead?

    Reply
    • I totally agree with you Jean :) However 95% of the sites out there aren’t doing anything for Twitter cards at the moment and most of them already are running Yoast (at least the ones I work with). So for some its just a matter of a few clicks and they could enable it. For the more advanced users I definitely recommend looking at all the Twitter cards as they all have great benefits.

      Reply
  2. Pingback: WordPress News Roundup No.12 - WordPress
    • Thanks Jeff! I do agree, however I kind of have the opposite opinion. Since I do SEO on a daily basis, I want my competitors to fall behind and not use schema markup because that gives me an advantage :) Every little bit helps. However, I see for ClearVoice how it really needs to be setup for your profile to function. Loving my new profile!

      Reply
    • Hi Anna, I am looking at your website code and it does appear to have the twitter cards on your pages/posts. Did you try clearing your cache earlier today? Sometimes if you follow the instructions above it takes a little bit for Twitter recognize, especially if you are running Super Cache or W3TC plugins. Have you tried again recently? Thanks

      Reply

Leave a Comment