Twitter (X) Card Generator
Build the twitter:card meta tags for a summary_large_image or summary card and see an approximate preview of how the link looks on X.
- Runs in your browser
- Nothing is fetched or uploaded
- Open Graph and Twitter tags
- Built by Mohamed Nasreldeen
Fill in your page details
Generate title, description, Open Graph and Twitter Card tags to paste into your <head>. Nothing is fetched or uploaded.
X card preview (approximate)
Google result preview
How to generate a Twitter card
Choose the card type
Pick summary_large_image for a large image card, then add your title, description and image URL.
Preview the X/Twitter card
Check the live preview to see how the headline and image sit together, and tweak the text so nothing important gets cut off.
Copy the Twitter tags
Copy the generated twitter: <meta> tags and paste them into your page <head>.
About the summary_large_image card
A Twitter card turns a plain link into a rich post with a title, description and image. The summary_large_image type shows a wide, prominent image above the headline - ideal for articles, product pages and landing pages where the visual matters. The generator writes twitter:card, twitter:title, twitter:description and twitter:image for you to paste in.
A few honest notes: this tool only produces markup - it does not fetch, scan or upload your site, and everything stays in your browser. The preview is an approximation of how X renders cards, and X caches previews, so an old card can linger for a while after you change the tags. X also falls back to your Open Graph tags for some values, so it's worth generating both. Host the image yourself; 1200x630 works well for the large-image card.
Frequently asked questions
What is summary_large_image?
It's the Twitter card type that displays a large, full-width image with your title and description, rather than a small thumbnail.
Does this tool test my live card on X?
No. It only generates the tag markup from your input. It does not connect to X or upload anything - everything runs in your browser.
Do I need Open Graph tags too?
It helps. X reads Twitter Card tags first but falls back to Open Graph for some fields, so having both gives the most consistent preview.
My card isn't updating on X - what do I do?
X caches link previews, so an old card can stay for a while after the tags change. Check that the new tags are live in the page source; the preview here is only an approximation of the final result.
What image size should I use?
Host a 1200x630 image yourself for the summary_large_image card. That ratio displays cleanly in the X timeline.