X / Twitter cards

X (formerly Twitter) reads OG too — but adds its own tags

The site rebranded to "X" in 2023 but every meta tag still uses the literal string twitter:*. The card preview hasn't changed; only the company name did.

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@codementor_ai" />
<meta name="twitter:creator" content="@anna_dev" />
<meta name="twitter:image" content="https://example.com/og.png" />
<meta name="twitter:image:alt" content="A product logo" />

twitter:card — the only one that ALWAYS matters

summary              → small thumbnail beside text
summary_large_image  → big image on top, text below
player               → video / audio player
app                  → install card with App Store badge

summary_large_image is what you almost always want — visually it's the biggest, most engaging unfurl. Without this tag explicitly set, Twitter falls back to summary (small thumbnail).

twitter:site vs twitter:creator

• twitter:site — your brand's handle (@codementor_ai).
• twitter:creator — the article author's handle (@anna_dev).

Both optional. twitter:site is the more important one — it links your brand into the share card.

When you can skip Twitter tags entirely

If you have a full set of OG tags + twitter:card="summary_large_image", Twitter renders perfectly. Some teams ship just that one Twitter tag and let everything else fall through to OG.

The image rule

Twitter wants a 2:1 aspect ratio (1200 × 600 or 1600 × 800) for summary_large_image. The 1200×630 OG image works fine — Twitter crops the top/bottom 15px (you won't notice).