What are Twitter Cards?
Twitter Cards are meta tags that control how your content appears when shared on Twitter/X. They turn ordinary links into rich media experiences with images, titles, and descriptions directly in the tweet — increasing click-through rates and engagement.
There are four card types: Summary (small image), Summary Large Image (large banner image), App (mobile app install), and Player (video/audio).
Card Properties Reference
| Property | Required | Description |
|---|---|---|
| twitter:card | Yes | Card type: summary, summary_large_image, app, or player |
| twitter:site | Yes | Twitter @username of the website |
| twitter:title | Yes | Title of the content (max 70 chars) |
| twitter:description | No | Description of the content (max 200 chars) |
| twitter:image | Yes¹ | URL of the image. Min 120×120px, max 4096×4096px |
| twitter:creator | No | Twitter @username of the content creator |
| twitter:app:id:iphone | Yes² | Numeric App Store ID for iPhone |
| twitter:app:url:iphone | No | Custom URL scheme for iPhone app |
| twitter:app:id:ipad | Yes² | Numeric App Store ID for iPad |
| twitter:app:url:ipad | No | Custom URL scheme for iPad app |
| twitter:app:id:googleplay | Yes² | Package name for Google Play (e.g. com.example.app) |
| twitter:app:url:googleplay | No | Google Play URL for the app |
| twitter:app:country | No³ | Two-letter country code if app is not in US App Store |
¹ Required for Summary and Summary Large Image cards.
² Required if the corresponding platform app is being promoted.
³ Required only if the app is not available in the US App Store.
How to Implement
Add the generated <meta> tags to the <head> section of your HTML. The most common setup uses twitter:card, twitter:title, twitter:description, and twitter:image. You can validate your cards using Twitter's Card Validator tool.