Free · no sign-up · nothing stored

Open Graph checker and preview for your og tags

Paste any URL to read its Open Graph meta tags and see the og:image render as a real LinkedIn, Facebook, X, Slack, iMessage, WhatsApp and Discord card. Then switch to the Open Graph tester for a graded audit with the exact tags to copy.

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.

Title46/60

Description120/155

Image URL

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" />

What this Open Graph tester checks

Every platform, one screen

LinkedIn drops your description. X needs a specific card type. WhatsApp skips heavy images. Seeing all seven at once is the fastest way to catch what one platform will ruin.

Titles that survive truncation

Each platform cuts the headline at a different length. We flag the ones that will be trimmed and suggest a version that fits everywhere.

OG image size, shape and weight

We read the real file to confirm dimensions, aspect ratio and file size, then tell you whether it clears the 1200x630 standard and WhatsApp's tight limit.

Copy-paste meta tag fixes

Every finding comes with the exact og tag to add. No guessing at syntax, no digging through platform documentation.

Cache gotchas explained

LinkedIn holds a preview for about a week and Facebook needs a manual re-scrape. We tell you where to force a refresh after you ship your fix.

Nothing is stored

No accounts, no history, no database. The page is fetched once so your browser can read its tags, and the result lives only in this tab.

Open Graph tags explained

Open Graph is a small set of meta tags in the <head> of your page. They tell LinkedIn, Facebook, X, Slack, WhatsApp, iMessage and Discord what headline, description and image to show when someone shares the link. Here is every og tag that changes what people see.

Open Graph meta tags

Open Graph meta tags and their recommended values
Tag	What it does	Recommended value
og:title	The headline on the card.	55–60 characters, front-loaded
og:description	The supporting line. LinkedIn ignores it.	110–150 characters
og:image	The picture. Absolute https URL only.	1200x630 PNG or JPEG, under 300 KB
og:image:width	Lets the first share render before a crawl.	1200
og:image:height	Pairs with width.	630
og:image:alt	Describes the artwork to screen readers.	A short sentence
og:url	The canonical address, so shares do not fragment.	https://example.com/page
og:type	What kind of content this is.	website, or article for posts
og:site_name	Brand label above the headline in Slack and Discord.	Your brand

Twitter Card tags

X falls back to your og tags, but only twitter:card can force the full-width image layout. Without it your 1200x630 artwork is shrunk into a small square.

Twitter Card meta tags and their recommended values
Tag	What it does	Recommended value
twitter:card	Decides big image versus small square.	summary_large_image
twitter:title	Overrides og:title on X.	Up to 70 characters
twitter:description	Overrides og:description on X.	Up to 200 characters
twitter:image	Overrides og:image on X.	Absolute https URL

The complete set, ready to paste

<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:site_name" content="Example" />
<meta property="og:title" content="A headline under 60 characters" />
<meta property="og:description" content="One persuasive sentence, front-loaded." />
<meta property="og:image" content="https://example.com/card.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Describe what the image shows" />

<!-- X (Twitter) Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="A headline under 60 characters" />
<meta name="twitter:description" content="One persuasive sentence, front-loaded." />
<meta name="twitter:image" content="https://example.com/card.png" />

Open Graph questions, answered

What is Open Graph?: Open Graph is a metadata standard originally created by Facebook and now read by nearly every platform that turns a pasted link into a card. You add a handful of meta tags to your page; the platform reads them and builds the preview from what it finds.
What size should an og:image be?: 1200x630 pixels, a 1.91:1 landscape shape, saved as PNG or JPEG and ideally under 300 KB. Below 600x315 Facebook and X drop to a small thumbnail. Above roughly 600 KB WhatsApp skips the image entirely, and no platform renders an SVG.
Why isn't my link preview updating?: Almost always caching. LinkedIn keeps the first preview it built for a URL for about a week; Facebook and Instagram share a cache that needs a manual re-scrape. Fix the tags, deploy, then force a refresh in LinkedIn's Post Inspector or Facebook's Sharing Debugger before you post.
Do I still need Twitter Card tags?: X reads Open Graph as a fallback, so a card will appear either way. But twitter:card set to summary_large_image is the only way to guarantee the large image layout, so it is worth the one line.
Why does LinkedIn ignore my description?: LinkedIn's card shows only the image, headline and domain. og:description is never displayed there, so anything essential has to live in the headline.
Does this tool change my website?: No. It fetches your page once to read the tags, and everything after that happens in your browser. Editing the title, description or image here only changes the preview so you can try wording before you ship it.

Check one platform at a time

Each of these runs the same scan, focused on one platform's rules and quirks.