Open Graph preview checker
Paste a live URL to inspect Open Graph and Twitter Card tags, catch missing metadata, and preview social link cards before publishing.
Need a share image first? Create an OG image in the browser, then return here to verify tags on your live page.
Check link preview
Metadata & previews
Metadata
No Open Graph or Twitter Card tags found. Analyze a page to load metadata.
Social preview
Platform previews appear here after you analyze a page.
What is Open Graph?
Open Graph is a set of meta tags (og:title, og:description, og:image, and others) that tell social apps and messengers how to render a link preview when someone shares your URL. Facebook popularized the protocol; Slack, LinkedIn, Discord, and many other products read the same tags or close variants.
Twitter/X uses its own twitter:card, twitter:title, twitter:description, and twitter:image tags. When Twitter tags are missing, platforms usually fall back to Open Graph values. A complete setup includes both families so previews stay consistent everywhere.
Why check link previews before you share?
A missing og:image turns shares into plain blue links. A truncated title or wrong image undermines campaigns, product launches, and blog distribution. Checking before you post catches template bugs early.
SEO teams audit competitor pages, validate CMS defaults after migrations, and confirm production pages before go-live. This tool shows the tags your server returns in initial HTML plus stylized previews for common platforms - not a guarantee every app will match pixel for pixel.
How this tool works
Paste an HTTPS page URL and click Analyze page. Our server fetches the HTML (HTTPS only, 8-second timeout, first 512 KB), extracts Open Graph and Twitter Card meta tags, resolves relative image URLs against the page URL, and returns a tag table with warnings for common gaps.
Resolved preview text uses og:title, then the document title, then twitter:title for the headline; meta description, then og:description, then twitter:description for the body; twitter:image (or twitter:image:src), then og:image for the image. Card type comes from twitter:card, or defaults to summary_large_image when an image URL exists.
Platform tabs (X, Slack, Facebook, LinkedIn, Discord, WhatsApp) render approximate layouts in your browser. Images load from the og:image URL with no-referrer; hotlink protection may block some hosts. We do not store fetched HTML or meta after the response is sent.
OG image and card types (reference)
Many teams ship og:image at 1200×630 pixels (1.91:1 aspect ratio) as a safe default for large link cards on Facebook, LinkedIn, and X summary_large_image layouts. Minimum sizes and crops vary by platform and UI changes—confirm current guidance in each network's developer docs when design stakes are high.
twitter:card summary shows a small square thumbnail; summary_large_image shows a wide hero image. This tool warns when twitter:card is summary but an image URL is present, because many teams intend the large card instead.
After changing tags, social apps may keep old cards from cache. Re-check the page here, then run platform debuggers such as Facebook Sharing Debugger or LinkedIn Post Inspector when published previews still show stale metadata.
Frequently asked questions
How do I preview how a link looks on Facebook, LinkedIn, Slack, or X?
Paste your live HTTPS URL and click Analyze page. Switch the platform tabs to see approximate card layouts for X, Slack, Facebook, LinkedIn, Discord, and WhatsApp. The metadata table lists every og: and twitter: tag in your HTML so you can fix missing images or titles before you share.
Which Open Graph meta tags are required for link previews?
No tag is strictly required, but weak previews are common without them. At minimum, set og:title, og:description, and og:image (absolute HTTPS URL). Add og:url and og:site_name when you want a canonical share URL and brand label. Pair with twitter:card, twitter:title, twitter:description, and twitter:image for X and other Twitter-tag consumers.
What size should my og:image be?
A widely used default is 1200×630 pixels (1.91:1) in JPG or PNG under each platform's file-size limits. Facebook and LinkedIn documentation historically recommend similar large-image dimensions; X large cards expect comparable aspect ratios. This tool displays your declared image URL but does not verify file dimensions unless og:image:width and og:image:height tags are present in the HTML.
What is the difference between Open Graph and Twitter Card tags?
Open Graph (og:*) is the cross-platform baseline Facebook, Slack, and LinkedIn read. Twitter Card tags (twitter:*) control X-specific card types such as summary versus summary_large_image. When Twitter tags are absent, this tool falls back to Open Graph and the HTML title and meta description for preview text.
Why does my link preview look different on Facebook or LinkedIn?
Social networks cache scraped metadata aggressively. After you fix tags, use each platform's sharing debugger or cache-clear tool to force a refresh. This checker shows what your HTML returns today; it does not purge Facebook, LinkedIn, or Slack caches. Layout also differs slightly from our stylized previews.
How do I refresh stale link previews after updating OG tags?
First confirm your live HTML is correct with Analyze page. Then request a re-scrape in platform-specific tools like Facebook Sharing Debugger or LinkedIn Post Inspector. If a platform has no public debugger, sharing a cache-busting URL variant (for example with a query parameter) can help trigger a fresh crawl.
Why is the preview image missing or failing to load?
Common causes: no og:image or twitter:image in the HTML; a relative URL that could not be resolved; an image host that blocks hotlinking or requires authentication; or the image failing in your browser (shown as an error placeholder). Use an absolute HTTPS image URL on a public CDN. Tags injected only by client-side JavaScript after load are invisible to Analyze page.
Does Analyze page execute JavaScript before reading meta tags?
No. It reads the fetched HTML response and parses meta tags from that server-returned document. If your framework injects tags only after client-side hydration, many social crawlers can miss them too. Publish critical og: and twitter: tags in initial HTML whenever possible.
Does this tool validate tags for every social platform?
It parses standard meta tags from server-rendered HTML and approximates six platform layouts. It does not call Facebook, LinkedIn, or X APIs for official validation scores. iMessage, Telegram, and others may use different fallbacks. Treat warnings here as a fast preflight, then use each network's debugger when you need platform-certified results.
Is it safe to analyze staging or internal pages?
Analyze page sends the HTTPS URL to our server for a one-time HTML fetch. We do not persist page content or meta after the response. Localhost and private network hosts are blocked. Only analyze staging URLs that are already reachable on the public web; do not expose confidential paths you have not published.
How is this different from the Google SERP snippet preview on this site?
The SERP snippet tool focuses on organic search title and description truncation in Google results, with pixel meters for desktop and mobile. This Open Graph checker targets social and chat link cards—og:image, twitter:card, and multi-platform share previews. Use both when you care about search listings and how links look in Slack or X.
Related tools
Google SERP snippet preview
Google SERP simulator to test title tags, meta descriptions, and mobile truncation before publishing.
JSON-LD / Schema.org extractor
Extract JSON-LD from any public HTTPS page and review schema types in seconds.
OG image generator
Free OG image maker with 1200×630 templates, X header variants, and instant download.
Related reading

What Google Sees: A Deep Dive into JSON-LD Metadata Harvesting

Analyze Git Repositories in GitHub Actions Using Gitingest
