Twitter/X Card Generator
Pick the card type and fill the fields: the tool generates the twitter:* tags, shows a preview and checks for common mistakes.
Privacy and cost
This tool runs in your browser. What you type or paste is not sent to our servers and it costs nothing to use.
How it works
- Choose the card type: summary, summary_large_image, app (app install) or player (video, audio).
- Enter the site account, title, description and image URL (or the app ids, or the player).
- Copy the tags into the <head> and fix any warning; the preview updates as you type.
Example
A summary_large_image card with the account @example, the title "10 Tips for Faster Websites", a description, an https image and its alt text produces 6 meta tags: twitter:card, twitter:site, twitter:title, twitter:description, twitter:image and twitter:image:alt, with no warning.
What the result means
twitter:* tags define the card shown when a link is posted on X. For any missing field, X falls back to the Open Graph tags. summary_large_image features the image at a 2:1 ratio, summary shows a small square image, app offers an app install and player embeds an https iframe player.
Common problems this tool helps with
- A link posted on X with no card because there is no twitter:card tag.
- A missing, relative or wrongly proportioned image for the chosen card type.
- A twitter:site handle without the @ or misspelled.
- A player card whose URL is not https or lacks width and height.
Frequently asked questions
Do I need Twitter tags if I already have Open Graph?
X reads Open Graph as a fallback, but twitter:card is still useful to choose the layout. You can fill in only twitter:card, twitter:site and the image if needed.
What is the difference between summary and summary_large_image?
summary shows a small square image beside the text; summary_large_image shows a large image above the text at a 2:1 ratio.
Do these tags still apply now that it is called X?
Yes: the twitter: prefix is still the documented one for X cards. Links behave as before.
Related tools
- Open Graph GeneratorFill in the title, description, image and URL: the tool outputs the meta tags to paste in the <head> and checks for common mistakes.Free · runs in your browser
- Open Graph Checker & Social PreviewEnter a URL or paste the HTML: the tool extracts every social tag, shows the link preview and lists what to fix.Free · no account needed
- Meta Title CheckerPaste your title tag to see whether it fits in Google results: length, pixel width, keyword position and a live preview.Free · runs in your browser
- Meta Description CheckerPaste your meta description to see how Google may show it: length, pixel width, desktop and mobile previews and keyword use.Free · runs in your browser
- SERP Snippet PreviewEdit the title, URL and description to see a simulated Google result on desktop and mobile, with cut-offs measured in pixels.Free · runs in your browser
- Meta Tag AnalyzerPaste a page's HTML or enter its URL to list every meta tag in one table and spot the ones that are missing or off.Free · no account needed