What is a Twitter card?

Twitter card (X card), explained

The key tag is <meta name="twitter:card" content="summary_large_image">, which picks the layout. summary shows a small square thumbnail beside the title; summary_large_image shows a wide image above it, which is what most product and blog links use. There are also app and player card types for specific uses.

You don't need to duplicate everything. X reads twitter:title, twitter:description and twitter:image when they exist and falls back to the matching Open Graph tags when they don't. So if your Open Graph tags are solid, adding twitter:card is usually the only extra line needed. Add twitter:site with your handle if you want the card attributed to your account, and twitter:image:alt for accessibility.

Note the attribute: twitter: tags conventionally use name=, while Open Graph uses property=. Many parsers accept either, but mixing them up is a common reason previews fail in one place and work in another.

Previews are cached, so after fixing tags, a link that was already shared may keep its old card for a while. Test with a fresh URL, such as adding a harmless parameter, and make sure the page's canonical tag handles that parameter. Cards aren't a search ranking factor, but for launches they shape how your link looks in the feed where much of your early traffic comes from.

Why it matters for founders

Founders post their launch on X first. A large, clear preview image makes the post more clickable than a bare link.

Example

Your launch post shows a tiny thumbnail. You add twitter:card set to summary_large_image next to your existing Open Graph tags, and new posts show the full-width image.

Common mistakes

• No twitter:card tag, so X falls back to a small summary.
• twitter: and Open Graph titles that drift out of sync after edits.
• Testing a cached URL and assuming the fix didn't work.
• Image URLs that aren't absolute or aren't public.