On X (formerly Twitter), links expand into Twitter Cards — rich previews with a title, description and image. Like Open Graph tags, they are driven by meta tags in your page, and without them your shared links show as bare URLs that earn far fewer clicks. Our free Twitter Card Generator creates the correct twitter:card, twitter:title, twitter:description, twitter:image and twitter:site tags from a simple form, formatted exactly as X expects.
The tool is aimed at bloggers, marketers and anyone promoting content on X. Choose between the compact summary card and the large-image summary_large_image card, write a title under 70 characters and a description under 200, add your image URL and @handle, and the generator does the rest. Copy the snippet straight into your page’s <head> or download it as a file. No signup, no cost, and nothing is uploaded anywhere — the tags are assembled entirely in your browser.
🐦 Twitter Card Generator
Generate Twitter Card meta tags for rich link previews on X.
How to use
- Select a card type — summary for a small thumbnail or summary_large_image for a big hero image.
- Enter the title, description, image URL and your site’s @handle.
- Click Generate Twitter Card Tags to build the snippet.
- Copy the tags with the Copy button and paste them into your page’s
<head>. - Validate the page with the X Card Validator before sharing the link publicly.
FAQs
What is the difference between summary and summary_large_image?
The summary card shows a small square thumbnail beside the text, while summary_large_image displays a wide image above the title. Large-image cards take more space in the feed and usually get more engagement, but the compact card suits text-heavy or news-style content.
What image dimensions work best?
For summary_large_image, use 1200×628 pixels; for the summary card, a square image around 144×144 or larger works. Always use an absolute https:// URL — relative paths will not load in the card.
Do I still need Open Graph tags?
Yes, ideally. X falls back to Open Graph tags when Twitter-specific tags are missing, and other platforms only read Open Graph. Using both tag sets together gives you full control everywhere. Our Open Graph Generator builds the matching set.