Twitter Cards

English | 日本語

Introduction

With Twitter Cards, you can attach rich photos, videos and media experience to Tweets that drive traffic to your website. Simply add a few lines of HTML to your webpage, and users who Tweet links to your content will have a “Card” added to the Tweet that’s visible to all of their followers.

The Tweet below shows a Player Card below the 140 characters:

Connect & discover: The Twitter story in 1:40 http://t.co/TRRiDAbkUR

— Twitter Advertising (@TwitterAds) November 8, 2013

Drive engagement from your Tweets

The below Card types have a beautiful consumption experience built for Twitter’s web and mobile clients:

• Summary Card: Title, description, thumbnail, and Twitter account attribution.
• Summary Card with Large Image: Similar to a Summary Card, but with a prominently featured image.
• App Card: A Card to detail a mobile app with direct download.
• Player Card: A Card to provide video/audio/media.

To learn more about how Card meta tags and our web crawler works, please check out Getting Started Guide.

Drive app downloads from your Tweets

In addition to displaying your content in a more engaging way, Cards also drive downloads of and even link directly into your mobile applications. For more information, see Cards for Mobile Developers.

Measure results of your Cards

To complement the Twitter Card platform, analytics reveal how you can improve key metrics such as URL clicks, app install attempts and Retweets.

Click here to learn more about measuring your Twitter performance with Twitter Card analytics.

Get started in 5 simple steps

Ready to get started with Cards? In most cases, it takes less than 15 minutes to implement.

1. Choose a card type you want to implement.
2. Add the pertinent meta tags to your page.
3. Run your URL against the validator tool to test. If you are working with a Player Card, request approval for whitelisting. All other Cards do not need whitelisting.
4. After testing in the validator or approval of your Player Card, Tweet the URL and see the Card appear below your tweet in the details view.
5. Use Twitter Card analytics to measure your results.

We hope you enjoy using Twitter Cards, and if you have any questions, drop us a line on the Twitter Cards Forum. Thanks, and happy coding!