Twitter Card Generator
Generate Twitter/X card meta tags — summary, large image or player cards — with character counters and a preview. Copy-paste HTML, free, no signup.
About the Twitter Card Generator
When someone shares your page on X (Twitter), the card — image, title and description — decides whether anyone clicks. This generator builds the exact twitter:* meta tags for the three card types: summary (small square thumbnail), summary_large_image (the full-width preview most sites use) and player (embedded video or audio).
Character counters keep your title inside the ~70-character display limit and the description under 200 characters, and @handles are normalized automatically. An approximate preview shows how the title and description will read in the feed before you deploy anything.
The tags are generated instantly in your browser and simply copied into your page's head. X also reads Open Graph tags as a fallback, so pair this with our Open Graph Tag Generator for complete coverage on Facebook, LinkedIn and WhatsApp too.
How to Use the Twitter Card Generator
- 1Choose the card type — summary_large_image is right for most articles and products.
- 2Enter your site @handle, title, description and image URL.
- 3Check the character counters and preview.
- 4Copy the generated tags into your page's <head>.
Frequently Asked Questions
What size should a Twitter card image be?
For summary_large_image use 1200 × 628 px (roughly 1.91:1), under 5 MB, in JPG, PNG or WebP. For the small summary card, a square image of at least 144 × 144 px is required.
Why isn't my Twitter card showing?
Common causes: the tags aren't in the rendered <head>, the image URL isn't absolute (must start with https://), the image is too large or blocked by robots.txt, or X hasn't recrawled the page yet. Use X's Card Validator to force a refresh.
What's the difference between summary and summary_large_image?
summary shows a small square thumbnail beside the text; summary_large_image shows a full-width image above the text and gets significantly more attention in the feed. Most sites should use summary_large_image.
Do I still need Open Graph tags if I have Twitter cards?
Yes, ideally both. X falls back to og:title, og:description and og:image when twitter:* tags are missing, but other platforms (Facebook, LinkedIn, WhatsApp) only read Open Graph. The twitter:card tag itself has no OG equivalent.
What does twitter:site do?
It attributes the content to your X account (e.g. @yourbrand), which appears on the card and links analytics in X's tools. twitter:creator additionally credits the individual author.