Summary Card
The Summary Card can be used for many kinds of web content, from blog posts and news articles, to products and restaurants. It is designed to give the reader a preview of the content before clicking through to your website.
The Tweet below shows a Summary Card (photo and text) below the 140 characters:
Happy 3rd anniversary #TBT! See how “Throwback Thursday” cemented its status as a weekly Twitter tradition: https://t.co/IhGdmShWH6
— Twitter (@twitter) April 30, 2015
Our system recognizes when URLs are included in a tweet, and crawls your site to fetch the Card type and content. To learn more about how our Card system works, read our Getting Started Guide.
Sample Code
Adding a Summary Card to your tweets is as simple as adding the below meta tags to your site:
<meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@flickr" /> <meta name="twitter:title" content="Small Island Developing States Photo Submission" /> <meta name="twitter:description" content="View the album on Flickr." /> <meta name="twitter:image" content="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg" />
Be sure to provide your own site attribution and content.
Once the tags are live, you can test your Card using our Twitter Card Validator.
Reference
Below are the suggested minimum properties for the Summary Card including title, description, and image.
Card Property | Required |
---|---|
| Yes |
The Twitter @username the card should be attributed to. Required for Twitter Card analytics. | Yes |
| Yes |
| Yes |
| No |
For a full list of supported tags, please see the Cards Markup Tag Reference.
Mappings from Deprecated Product Card
On July 3, Product Cards will be deprecated and map to Summary Cards. All required fields of the product card directly map to the Summary Card. Label and Data properties will be ignored.