Twitter/X Card Meta Tags: How to Make Your Links Stand Out
Learn how to implement Twitter Card meta tags so your shared links display rich previews on X (Twitter). Includes all card types, image specs, and troubleshooting.
Twitter Card meta tags control how your links appear when shared on X (formerly Twitter). Instead of a plain URL, a properly tagged link displays a rich preview card with an image, title, and description — dramatically increasing engagement and click-through rates.
Twitter Card Types
X supports several card types, but two matter most:
summary — A small card with a square thumbnail image (144x144px minimum), title, and description. Good for articles and general content.
summary_large_image — A large card with a wide banner image (1200x630px recommended), title, and description. This is the one you want for maximum visual impact. It takes up more feed real estate and gets significantly more engagement.
There are also 'player' cards (for embedded media) and 'app' cards (for app install prompts), but these require Twitter approval and are less common.
Required Twitter Card Tags
At minimum, you need these meta tags:
twitter:card — The card type. Set to 'summary_large_image' for the best visual presentation.
twitter:title — The title displayed on the card. Keep it concise (under 70 characters).
twitter:description — A brief description (under 200 characters). Make it compelling — this is your pitch to the scrolling user.
twitter:image — The URL to the preview image. Use absolute URLs (not relative paths). For summary_large_image, use 1200x630px. For summary, use at least 144x144px.
Optional but recommended: twitter:site — Your brand's X handle (e.g., @seoggestion) twitter:creator — The content author's X handle
Twitter Cards and Open Graph: How They Interact
Here's something many developers don't know: X will fall back to Open Graph tags if Twitter Card tags aren't present. So if you have og:title but no twitter:title, X will use the OG title.
This means you technically only need OG tags plus twitter:card to get a working preview. But having dedicated Twitter tags lets you customize the messaging for X's audience (which may differ from Facebook or LinkedIn audiences).
Our recommendation: Set the twitter:card tag explicitly, and use Twitter-specific titles/descriptions only when you want them to differ from your OG tags.
Troubleshooting Twitter Cards
Card not showing? Here's the debugging checklist:
1. Check your tags are in the <head> section, not <body> 2. Make sure image URLs are absolute (https://...), not relative (/image.png) 3. Verify the image is accessible (not behind auth or robots.txt blocking) 4. Image must be under 5MB and in JPG, PNG, GIF, or WebP format 5. X caches cards aggressively. After updating tags, use the X Card Validator to force a refresh 6. Ensure your server responds with the correct Content-Type for images 7. Check that your site isn't blocking X's crawler (user agent: Twitterbot)
Still not working? Run your URL through Seoggestion to see exactly which tags are present and which are missing or malformed.
Best Practices for Maximum Engagement
Write card titles like tweets. X users scroll fast — your title needs to hook in 2 seconds.
Use text on images. Many successful cards include the headline directly on the og:image, so the message gets across even if the user doesn't read the card text.
A/B test your cards. When sharing the same content multiple times, try different images and titles to see what resonates. Track click-through with UTM parameters.
Always use summary_large_image. The larger card format consistently outperforms the summary card in engagement metrics. The extra visual real estate is worth it.
Ready to check your site?
Run a free analysis and get your SEO score with actionable seoggestions.
Analyze Now — Free