Live Preview Engine

See your link before
the world shares it

Extract Open Graph tags, Twitter Cards, and meta data from any URL. Preview exactly how your link appears on Facebook, X, LinkedIn, WhatsApp, iMessage, and Google Search - all at once.

Live extraction 6 platform previews No signup required Always free
Paste any URL to inspect
Try: vercel.com/blog · GitHub repo · TechCrunch
Facebook
Your page title goes here
Your og:description tag preview
awaiting
X / Twitter
Summary Card Preview
twitter:description content
awaiting
LinkedIn
LinkedIn Post Preview
Description shown in feed
awaiting
WhatsApp
WhatsApp Link Card
Chat preview thumbnail
awaiting
Google Search
Google SERP Preview
Meta description in results
awaiting
iMessage / iOS
iMessage Rich Preview
Link preview in messages
awaiting
Fetching meta tags…
Inspect a URL
Fetches live · no caching
Try:
og:title
Not extracted yet
og:description
Not extracted yet
og:image
Not extracted yet
og:url
Not extracted yet
twitter:card
Not extracted yet
canonical
Not extracted yet
meta:title
Not extracted yet
meta:description
Not extracted yet
Platform Previews
Pixel-accurate simulations

Extract a URL to see the Facebook preview

Extract a URL to see the X / Twitter preview

Extract a URL to see the LinkedIn preview

Extract a URL to see the WhatsApp preview

Extract a URL to see the Google Search preview

Extract a URL to see all raw meta tags

Batch URL Audit
Paste one URL per line. The tool checks og:title, og:description, og:image, twitter:card, and canonical for each. Results appear in the table below with a health score.

Reference guide

Every OG tag
explained

Open Graph protocol tags control how your content appears across every major social platform. Missing or misconfigured tags can cut click-through rates by up to 40%.

Full OG guide
og:title
Required

The title of your content as it should appear in the social card. Overrides the HTML <title> tag on social platforms.

<meta property="og:title" content="Your Article Title Here" />
Keep under 60 characters. Facebook truncates at ~65 chars; Twitter at ~70 chars. Test different titles for different platforms using og:title vs twitter:title.
og:description
Required

A short description of your content shown below the title in link cards. Should be unique and compelling - this is your 160-character sales pitch.

<meta property="og:description" content="Your compelling description..." />
Aim for 120–160 characters. Avoid duplicating the title. Facebook shows ~300 chars but only ~2 lines are visible above the fold.
og:image
Required

The thumbnail image that dominates the link card. This is the single biggest factor in whether someone clicks your shared link.

<meta property="og:image" content="https://example.com/og-image.png" />
Minimum size: 1200×630px. Must be an absolute URL (https://). Images under 600×315px may not generate a card at all. Max file size: 8MB.
twitter:card
Recommended

Controls the layout of X/Twitter link cards. summary_large_image shows a large hero image. Without it, Twitter falls back to og: tags.

<meta name="twitter:card" content="summary_large_image" />
Values: summary, summary_large_image, app, player. Use summary_large_image for articles and blog posts to maximize click-through.
og:image:width / og:image:height
Optional

Explicit image dimensions allow social crawlers to display the image without needing to download it first. This speeds up link card rendering significantly.

<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
Always provide these alongside og:image. Crawlers will display cards faster since they can allocate space without downloading the image first.

Platform specifications

Every platform's exact requirements

Image sizes, title limits, and fallback rules - so you stop guessing.

Facebook
og: tags
Image size1200×630px
Min image600×315px
Title limit~65 chars
Description~155 chars
Fallback<title> tag
Cache TTL24–48 hours
X / Twitter
twitter: tags
Image size2:1 ratio
Min image300×157px
Title limit~70 chars
Description~200 chars
Card typesummary_large_image
Fallbackog: tags
LinkedIn
og: tags
Image size1200×628px
Min image1200×627px
Title limit~150 chars
Description~250 chars
CacheUp to 7 days
Fallback<title> tag
WhatsApp
og: tags
Image size1200×630px
Title limit~50 chars shown
Description~120 chars
Protocolog: tags only
CacheLong-lived
NoteNo cache-bust
Google Search
<title> + meta
Title limit≤60 chars
Description≤155–160 chars
Source<title> + meta
OG imageNot shown
OverridesMay rewrite title
CanonicalStrongly valued
iMessage / iOS
og: tags
Image size1200×630px
Title limit~35 chars
No descriptionTitle only
Sourceog: tags
CacheVery aggressive
Image formatPNG or JPEG

Why this matters

The business case for
perfect link previews

Bad OG tags aren't a minor detail. They directly impact how much traffic you get from every link you share.

More clicks with og:image

Social posts with a large preview image receive up to 3× more clicks than plain text link posts. Missing your og:image is the single most costly OG mistake.

Hootsuite Social Media Research, 2024
40%

CTR drop from missing tags

Pages without properly configured Open Graph tags see an average 40% lower click-through rate when shared on Facebook and LinkedIn compared to pages with complete OG data.

Ahrefs Social Traffic Study
60s

Fix in under a minute

The average time to identify and fix a missing OG tag using this extractor is under 60 seconds. Run it before every publish, every campaign, every PR.

Based on ToolNexIn user data

Getting started

From URL to full preview in 3 steps

No account, no extensions, no waiting.

1

Paste your URL

Enter any public URL - blog post, product page, landing page, or article. Supports any domain.

2

We fetch the tags

The tool reads all Open Graph, Twitter Card, and meta tags from the live page - no cached results.

3

See 6 platform previews

Instantly see pixel-accurate simulations across Facebook, X, LinkedIn, WhatsApp, iMessage, and Google.

4

Fix what's broken

The health score and recommendations pinpoint exactly which tags are missing, too long, or misconfigured.

Who uses it

Built for every team that shares links

From solo bloggers to enterprise growth teams.

Content Creators & Bloggers

Check every article before publishing. Catch missing og:images that would make your posts look broken when shared by readers.

Growth & Marketing Teams

Audit campaign landing pages before running paid social. Ensure your ad creatives match how the link looks organically in feeds.

Developers & SEO Engineers

Verify OG tag implementations in staging before deployment. Use the raw tag view and JSON export for automated QA pipelines.

Agencies & Consultants

Use Batch Audit mode to run site-wide OG audits for clients in seconds. Export to CSV and drop directly into your reporting docs.

eCommerce Stores

Ensure product pages have optimized images and titles. One bad OG image on a viral product can cost hundreds of lost visits.

PR & Comms Teams

Verify press release pages look professional when journalists share them. Control your brand's first impression on every platform.

FAQ

Link preview
questions, answered.

Everything you need to know about Open Graph tags, social sharing previews, and how to fix them.

Ask a question
A link preview is the card that appears when you paste a URL on Facebook, X, LinkedIn, or in iMessage. It shows a title, description, and image pulled from the page's Open Graph meta tags. Without these tags, platforms either show no card or generate a generic, often ugly, fallback.
The tool extracts and validates: og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale, og:image:width, og:image:height, twitter:card, twitter:title, twitter:description, twitter:image, canonical, and standard <title> plus meta name="description".
Facebook's Sharing Debugger only shows Facebook's cached view of a page and only simulates one platform. Our tool shows previews for 6 platforms simultaneously - Facebook, X/Twitter, LinkedIn, WhatsApp, iMessage, and Google Search - with live extraction and no cache lag.
Each platform has different specs and uses a slightly different priority order for fallback tags. Twitter reads twitter: tags first, then falls back to og: tags. LinkedIn and Facebook both use og: tags but crop and truncate text at different lengths. Google ignores OG entirely and uses <title> and meta description. This tool shows you all six at once.
The most common causes: the image URL is relative (not absolute with https://), the image is smaller than 600×315px, the image returns a redirect, the image URL is blocked from external crawlers, or the platform has a stale cached version. Use this tool to see exactly what the crawlers see, then use the platform's debugger to force a cache refresh.
The gold standard is 1200×630px (1.91:1 ratio). This works across Facebook, LinkedIn, WhatsApp, and iMessage without cropping. Twitter uses a 2:1 ratio, so 1200×600px is the closest universal compromise. Always specify og:image:width and og:image:height alongside the image URL to speed up card rendering.
The extractor needs to fetch the page over the internet, so it requires a publicly accessible URL. For staging environments behind basic auth or VPNs, you'll need to temporarily whitelist the extractor's requests or test on a public staging URL. You can also manually input tag values in the decoder section to preview them.