X (formerly Twitter) Card Preview
Preview your X (formerly Twitter) card to ensure it looks great on social media.
Best Practices
- Use high-quality images (minimum 800x418 pixels for best display)
- Keep titles concise and compelling (under 70 characters)
- Write descriptions that provide context (under 200 characters)
- Always include alt text for images to improve accessibility
- Test your cards using this tool before publishing
X Card Types
- Summary Card: A compact card with a small thumbnail image
- Summary Card with Large Image: Features a prominent image above the text
- App Card: Specifically designed to showcase mobile applications
- Player Card: Embeds video, audio, or other media players
X Cards Markup Tag Reference
| Property | Description | Open Graph Fallback |
|---|---|---|
| twitter:card | The card type (summary, summary_large_image, app, player) | og:type (with conditions) |
| twitter:site / twitter:site:id | @username or ID of website (Required) | N/A |
| twitter:creator / twitter:creator:id | @username or ID of content creator | N/A |
| twitter:title | Title of content (max 70 characters) | og:title |
| twitter:description | Description of content (max 200 characters) | og:description |
| twitter:image | URL of image to use in the card | og:image |
| twitter:image:alt | Text description of the image for accessibility | og:image:alt |
| twitter:player | HTTPS URL of player iframe | N/A |
| twitter:player:width | Width of iframe in pixels | N/A |
| twitter:player:height | Height of iframe in pixels | N/A |
| twitter:player:stream | URL to raw video or audio stream | N/A |
| twitter:app:name:iphone | Name of your iPhone app | N/A |
| twitter:app:id:iphone | Your app ID in the iTunes App Store | N/A |
| twitter:app:url:iphone | Your app's custom URL scheme | N/A |
| twitter:app:name:ipad | Name of your iPad optimized app | N/A |
| twitter:app:id:ipad | Your app ID in the iTunes App Store | N/A |
| twitter:app:url:ipad | Your app's custom URL scheme | N/A |
| twitter:app:name:googleplay | Name of your Android app | N/A |
| twitter:app:id:googleplay | Your app ID in the Google Play Store | N/A |
| twitter:app:url:googleplay | Your app's custom URL scheme | N/A |