How to Generate Twitter Cards for Your Website
When you share a link on X (Twitter), the platform fetches meta tags from your page and renders a card below the tweet. The type of card — and the image it uses — determines whether people click or scroll past. Here's how to get it right.
Use summary_large_image for maximum visibility
The `twitter:card: "summary_large_image"` card type shows a large image that fills the card. It's the most eye-catching format and the one you should use for any content-driven page. Pair it with a 1200×600px image.
Required meta tags for Twitter cards
At minimum you need: `twitter:card`, `twitter:title`, `twitter:description`, and `twitter:image`. Set `twitter:image:alt` for accessibility. X will fall back to `og:image` if `twitter:image` is not set.
Validate with the Twitter Card Validator
X provides a Card Validator tool at cards-dev.twitter.com/validator. Paste your URL to preview exactly how the card will render. If it shows an old image, click "Preview card" again to force a fresh crawl.
Generate a 1200×600px image optimized for X
X crops images to a 2:1 ratio for large cards. OGImagen generates a Twitter-optimized variant (1200×600) alongside the standard OG image. You get both in one generation.
Generate your OG image in seconds
Paste a title, pick a brand color, and get production-ready social cards for every platform — with framework-specific meta tag snippets included.
Generate a Twitter card image