What is a Twitter card (X card)?

A Twitter card is a rich attachment shown when a URL is shared on X. Setting the twitter:card meta tag transforms a plain link into a card with a large image, title, and description.

What is the difference between summary and summary_large_image?

summary shows a small square thumbnail to the right of the text. summary_large_image shows a full-width image above the title and description (the better choice for articles and blog posts).

Does X require twitter:* tags, or can I use og:* tags?

X falls back to Open Graph tags (og:title, og:image, etc.) if twitter:* tags are absent. However, explicitly setting twitter:card is required to opt into rich card display.

How do I preview my X (Twitter) card before posting?

Paste your URL into peek to instantly see how your card will appear in an X feed. You can also use the X Card Validator for a production-level verification.

X Card Preview Guide

X (Twitter) uses twitter:* meta tags to build rich cards. Without them, shared links show as plain text.

Preview with X →

Card types

Card type	Best for	Image display
summary_large_image	Articles, blog posts, product pages	Full-width image above the card text
summary	Short updates, homepages	Small square thumbnail on the right
app	App Store / Play Store links	App store badge
player	Video or audio content	Embedded player

Recommended tags

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@yoursite" />
<meta name="twitter:title" content="My Post Title" />
<meta name="twitter:description" content="A short description." />
<meta name="twitter:image" content="https://example.com/og.jpg" />

<!-- Fallbacks (X reads og:* if twitter:* are absent) -->
<meta property="og:title" content="My Post Title" />
<meta property="og:description" content="A short description." />
<meta property="og:image" content="https://example.com/og.jpg" />

Important caveats

! X's card documentation is limited. Test with a live share to be sure.
→ X falls back to og:* tags if twitter:* tags are absent.
→ Use the X Card Validator to confirm your card before publishing.

Frequently asked questions

What is a Twitter card (X card)?: A Twitter card is a rich attachment shown when a URL is shared on X. Setting the twitter:card meta tag transforms a plain link into a card with a large image, title, and description.
What is the difference between summary and summary_large_image?: summary shows a small square thumbnail to the right of the text. summary_large_image shows a full-width image above the title and description (the better choice for articles and blog posts).
Does X require twitter:* tags, or can I use og:* tags?: X falls back to Open Graph tags (og:title, og:image, etc.) if twitter:* tags are absent. However, explicitly setting twitter:card is required to opt into rich card display.
How do I preview my X (Twitter) card before posting?: Paste your URL into peek to instantly see how your card will appear in an X feed. You can also use the X Card Validator for a production-level verification.