Twitter Card Generator
Generate Twitter / X card meta tags with a live preview.
Overview
The Twitter Card Generator emits the full set of <meta name="twitter:*"> tags — card, site, creator, title, description, image, image:alt — with a live preview that mirrors how Twitter / X renders the card in a tweet. Pick a card type (summary, summary_large_image, player, app) and fill in the fields.
Useful for marketing teams and developers learning how to add Twitter Card meta tags or how to choose between summary and summary_large_image. Reach for it before launching a campaign, when checking that an existing page still renders well after a design refresh, or when the default Twitter unfurl looks generic.
How it works
Twitter Cards use a series of meta tags read by Twitter's crawler when a URL is shared. The card value picks the visual style: summary renders a small square thumbnail next to a title and description; summary_large_image renders a wide image above title and description and earns more clicks; player embeds a video; app deep-links to a mobile app.
When Twitter tags are missing, the platform falls back to Open Graph (og:title, og:image, etc.) — meaning a page with good OG tags already produces decent Twitter cards. Adding explicit twitter:* tags lets you customise the share independently.
Examples
- A blog post →
twitter:card = summary_large_image,twitter:title,twitter:description,twitter:image(2:1 ratio, recommended 1200x675). - A homepage →
twitter:card = summary,twitter:site = @brand. - A video-hosting page →
twitter:card = player,twitter:player,twitter:player:width,twitter:player:height. - An app deep-link →
twitter:card = app,twitter:app:id:iphone,twitter:app:url:iphone.
FAQ
summary vs summary_large_image?
summary_large_image produces a wide image hero and typically earns more clicks. Use summary when your image is small, square, or branding-style.
Twitter Cards or Open Graph?
Both, ideally. Twitter falls back to Open Graph if twitter:* is missing, but explicit twitter:* tags let you tune copy and image specifically for Twitter's audience.
Why doesn't my card render?
Common causes: image too small, image behind authentication, blocked by robots.txt, or a card validator cache. Use Twitter's Card Validator to invalidate the cache after fixing.
Image size recommendations?
For summary_large_image, 1200x675 (2:1) at minimum. For summary, a square 144x144 or larger. Both under 5 MB and in JPG, PNG, WEBP, or GIF.