What Are Twitter Cards?
Twitter Cards allow you to go beyond text and attach rich media experiences such as photos or videos to your tweets. They’re perfect for introducing new products, sharing articles and increasing conversions. Without leaving Twitter, your followers can make an impression on your content and think before clicking on your card.
Types of Twitter Cards
This are the five types of Twitter Cards:
- 1. Summary Card (title, description, thumbnail, and Twitter account attribution)
- 2. Summary Card With Large Image (similar to a Summary Card, but with a featured large image)
- 3. App Card (Card to detail a mobile app with direct download)
- 4. Player Card (Card to provide video/audio/media)
1. Summary Card
The Summary Card, limited to 140 characters — can be used for many kinds of web content, from blog posts to products and restaurants. This type of card was specially designed to give the reader a preview of the content before clicking through to your website.
— Travel210.com (@Travel210com) January 12, 2017
<meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@yourtwitterusername" /> <meta name="twitter:title" content="Title of the card goes here" /> <meta name="twitter:description" content="Here goes the description of the card." /> <meta name="twitter:image" content="http://www.example.com/image.jpg" />
2. Summary Card With Large Image
The Summary Card with Large Image features a large, full-width image. This type of card was designed to give the reader a rich photo experience, and clicking on the image brings the user to your website.
A capuchin monkey scales a cliff in Brazil to access honey. https://t.co/f6UCevv533
— Discovery (@Discovery) January 11, 2017
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@yourtwitterusername"> <meta name="twitter:creator" content="@authorusername"> <meta name="twitter:title" content="Your title goes here"> <meta name="twitter:description" content="Your description goes here"> <meta name="twitter:image" content="http://www.example.com/image.jpg">
3. App Card
App Cards work better on mobile devices, the cards display limited info on desktops.
The App Card was designed to represent mobile applications on Twitter and to drive installs. The App Card allows to display a name, description and icon, and also to highlight attributes such as the rating and the price.
Got a trade question, or any other kind of baseball question? I’ll be chatting at http://t.co/KhMF7VYaSS in a minute! http://t.co/m3VOWnzaMJ
— Jayson Stark (@jaysonst) June 20, 2014
<meta name="twitter:card" content="app"> <meta name="twitter:site" content="@twitteruser"> <meta name="twitter:description" content="Here goes the description of your app/game"> <meta name="twitter:app:country" content="US"> // language <meta name="twitter:app:name:iphone" content="App Name iOS"> <meta name="twitter:app:id:iphone" content="iOS app id #"> <meta name="twitter:app:url:iphone" content="app url/iOS"> <meta name="twitter:app:name:ipad" content="App name iPad"> <meta name="twitter:app:id:ipad" content="iOS app id #"> <meta name="twitter:app:url:ipad" content="iPad url"> <meta name="twitter:app:name:googleplay" content="Google Play App Name"> <meta name="twitter:app:id:googleplay" content="Google Play App ID"> <meta name="twitter:app:url:googleplay" content="Google Play App URL"> **Note** Platform-specific URLs are deep links into your app. If you do not support a particular platform, omit tags for that platform from your website. **Note** If you have an iPhone app, but no iPad-optimized app, you may want to include the iPhone app id, name, and url for both iPhone and iPad-related tags. If no value is provided, the Cards will simply render a “View on web” link pointing to website of the card.
4. Player Card
The Player Card supports streaming media experiences by putting a live video or audio player inside your Tweet.
ReTweet if you’re watching an all new episode of @AlaskanBushPPL tonight at 9p! pic.twitter.com/voZojGGxcd
— Discovery (@Discovery) January 11, 2017
More info about Twitter Player Card here.