Twitter Cards In WordPress: How To Integrate Twitter Cards With Your WordPress Site


Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist:
Twitter Cards in WordPress: How To Integrate Twitter Cards With Your WordPress Site

Twitter cards are a way for you to enrich your tweets with more information from your website. The purpose of twitter cards is to increase engagement with your followers and generate more traffic to your website via twitter. They are a must if you’re doing any sort of marketing and want more twitter traffic.

There are 7 different twitter cards that you can choose from. The one that works best for you will depend on the type of content you have on your site:

1. The Summary Twitter Card

The summary card is a general card that lets you preview content within a tweet. It will adjust its appearance based on screen size.

2. The Summary with Large Image Twitter Card

This twitter card also lets you preview content within a tweet, but this time with a bigger image. It will adjust its appearance based on screen size.

3. The Product Twitter Card

The product card is for previewing products in a tweet and it has two customizable fields for product details.

4. The Photo Twitter Card

The photo card will present a preview of an image within a tweet that can be viewed with the Twitter image viewer.

5. The Gallery Twitter Card

The galler card will present a preview of up to 4 images within a tweet that can be viewed with the Twitter image viewer.

6. The Player Twitter Card

The player card is designed specifically to play back video and audio content.

7. The App Twitter Card

The app card is designed to work with all the major app stores and will display information about the app.

Once you know which twitter card is right for your website (you can choose more than one if you want to) then you can start creating it.

The twitter development tools ( include a twitter card creator and validator. In the creator you simply fill out a handful of fields relating to the content you want to appear in the Twitter card.

You then click the “Update Preview” button.

You will then see a pretty preview of what you’ve created, or a bunch of errors, depending on how well you did.

Below the preview you will also see the meta tags that will need to go into the header of your WordPress site.

The challenge is that some of the meta tags will need to be dynamically changed depending on the post (the title, the description, the image and possibly the author), which will require a bit of programming. Or, you can use the SEO by Yoast plugin ( which is the way I recommend you go.

With that plugin installed you can go to the “Social” tab and set all Facebook, Twitter and Google+ integration options. All three of networks use elements of the Open Graph protocol ( so all the integration works in a similar fashion.

To create the twitter card using SEO by Yoast, you need to click on “Social” in the plugin’s menu. Then click on the “Twitter” tab, check the box that says “Add Twitter card meta data” beside it.

Once enabled you simply need to enter your Twitter handle and the type of Twitter card you want to create.

Then click “Save Changes”.

Get the URL of a WordPress post where that twitter card should be integrated and go to the Twitter card validator (

If there are errors, address them. Once the validator is not throwing any errors you click the “Apply” button.

You then have to fill out a short form telling Twitter the meaning of life…err, I mean the topic of your website and the Twitter Card. After you “Submit” the application, someone at Twitter will review it within a few days.

When you’re approved all tweets that contain a link to your site will have the Twitter Card appended. Pretty cool, huh?

The twitter tags are partly based on Open Graph tags and using them is definitely one of the twitter best practices. This will improve your social media marketing.

And that is how to install twitter cards on your WordPress site.

If you like this Twitter card tutorial let me know in the comments and subscribe to my channel! Also feel free to ask questions if you need help!

————–

If you prefer the written word over video, then checkout the tutorial on WP Learning Lab:

You do need to have a Twitter Developer’s account to create Twitter cards. Here’s how to create one:

Twitter Developer Tools:

Twitter Card Validator:

Connect with us:

WP Learning Lab Channel:

Facebook:

Twitter:

Google Plus:

Pinterest:

Leave a Reply

Your email address will not be published. Required fields are marked *

Exclusive Discounts on SEO & Passive Income Tools - Up to 90% OFF

Newly Released Cutting Edge Software & Tools

Let's face it, we've all been victim to shinny object syndrome. What if we could sort the wheat from the chaff and provide you insider tips on the best pre-released or just released tools in the industry? We don't want to fill your inbox with crap, just a weekly list of the best new tools available, at AMAZING DISCOUNTS!

We hate spam, so should you. We will never sell or giveaway your details.

Exclusive Discounts on SEO & Passive Income Tools - Up to 90% OFF

Newly Released Cutting Edge Software & Tools

Let's face it, we've all been victim to shinny object syndrome. What if we could sort the wheat from the chaff and provide you insider tips on the best pre-released or just released tools in the industry? We don't want to fill your inbox with crap, just a weekly list of the best new tools available, at AMAZING DISCOUNTS!

We hate spam, so should you. We will never sell or giveaway your details.