Twitter CardSEO: highInside <head>

twitter:image

The image displayed in X (Twitter) Card previews — falls back to og:image but should be set explicitly.

twitter:image specifies the image for Twitter/X cards. For summary_large_image cards, the image displays at full card width and is the most prominent visual element. Recommended dimensions: 1200×628px (2:1 ratio) for large image cards, 400×400px minimum for summary cards.

Images must be under 5MB (JPG, PNG, WebP, GIF). X does not support SVG. The image must be publicly accessible without authentication. HTTPS is required. Unlike Facebook, X does not cache OG images as aggressively — changes typically propagate within a few hours.

twitter:image:alt should always accompany twitter:image for accessibility. Screen readers and users with images disabled rely on alt text to understand what the image shows. Twitter Card Validator at cards-dev.twitter.com/validator (now integrated into X's developer tools) lets you preview how your card will appear.

HTML Example

<meta name="twitter:image" content="https://example.com/images/cwv-guide-twitter.jpg">
<meta name="twitter:image:alt" content="Chart showing Core Web Vitals scores before and after optimisation">

Attributes

twitter:imageAbsolute HTTPS URL to the image. 1200×628px for large card, 400×400px minimum for summary.
twitter:image:altAlt text for accessibility.
Check this tag on your site
Audit your twitter:image implementation on any URL
Social Share Preview →

Related Tags

twitter:card
Defines the type of card displayed when your URL is shared on X (…
og:image
The image displayed in social share cards — the most visually imp…
twitter:title
The title shown in X (Twitter) Card previews — falls back to og:t…
← All Meta Tags