OG Preview + Checker

Free · no sign-up · nothing stored

Twitter Card validator for X

X retired its own card validator, so the only way to check a card is to read the tags and render them. Paste a URL to see the X card exactly as it will appear, confirm your twitter:card type, and copy the tags that fix a shrunken thumbnail.

To validate a Twitter Card, set twitter:card to summary_large_image, point twitter:image (or og:image) at an absolute https URL of a 1200x630 PNG or JPEG under 5 MB, and keep the title under 70 characters. X falls back to your Open Graph tags when twitter: tags are missing, but only twitter:card can force the large image layout.

We fetch the page once to read its tags. No accounts, no database, nothing saved.

Showing a sample page — paste your URL above

Try a different version

Edit here and every card updates as you type. Your live site is never touched.

46/60
120/155

Tags for this version

<!-- Primary -->
<title>The 8 link preview mistakes costing you clicks</title>
<meta name="description" content="A short field guide to the Open Graph mistakes we find on almost every marketing site, and the exact tags that fix them." />

<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://commonpoint.co/insights/social-preview-audit" />
<meta property="og:site_name" content="CommonPoint" />
<meta property="og:title" content="The 8 link preview mistakes costing you clicks" />
<meta property="og:description" content="A short field guide to the Open Graph mistakes we find on almost every marketing site, and the exact tags that fix them." />
<meta property="og:image" content="https://images.unsplash.com/photo-1551434678-e076c223a692?w=1200&h=630&fit=crop" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="The 8 link preview mistakes costing you clicks" />

<!-- X (Twitter) -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="The 8 link preview mistakes costing you clicks" />
<meta name="twitter:description" content="A short field guide to the Open Graph mistakes we find on almost every marketing site, and the exact tags that fix them." />
<meta name="twitter:image" content="https://images.unsplash.com/photo-1551434678-e076c223a692?w=1200&h=630&fit=crop" />

X (Twitter)

1.91:1
The 8 link preview mistakes costing you clicks

From commonpoint.co

Needs twitter:card=summary_large_image for the wide card.

The rules that decide this card

twitter:card decides everything
summary_large_image gives you the full-width photo card. summary gives a small square thumbnail beside the text. If you never set it, X guesses from your Open Graph tags and often picks the small one — which is why a perfect 1200x630 image can still look tiny.
Open Graph is the fallback
X reads og:title, og:description and og:image when the twitter: equivalents are absent. You only need the twitter: versions when you want different wording on X than everywhere else.
Title and description limits
X trims the headline around 70 characters and the description around 200, and on the large card it often shows the title only. Write a headline that stands alone.
Image requirements
For the large card use at least 600x315, ideally 1200x630, in PNG, JPEG, WebP or GIF. Under 5 MB. SVG is not supported and produces a blank card.
twitter:site and twitter:creator
Optional attribution handles. They add your account name to the card in some contexts and cost nothing to include.
Caching
X refetches reasonably quickly, but a card already posted keeps its original render. Fix the tags before you post, not after.

Quick answers

Does X still have an official card validator?
No. X retired its public Card Validator, so the reliable check is to read your tags and render the card yourself — which is what this page does.
Why is my X card a small square instead of a big image?
twitter:card is missing or set to summary. Change it to summary_large_image and X will use the full-width layout, provided the image is at least 600x315.
Does X use my Open Graph tags?
Yes. When twitter:title, twitter:description or twitter:image are absent, X reads the og: equivalents. Only twitter:card has no fallback.
How fast does X pick up tag changes?
X re-crawls reasonably quickly, but a card already posted keeps its original render. Fix the tags before you share the link.

The Twitter Card tags to paste

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="A headline under 70 characters" />
<meta name="twitter:description" content="One persuasive sentence." />
<meta name="twitter:image" content="https://example.com/card.png" />
<meta name="twitter:image:alt" content="Describe what the image shows" />
<meta name="twitter:site" content="@yourhandle" />

See every platform at once in the full Open Graph checker