How to use Link Preview & Open Graph Checker
The link preview checker fetches any public web page and shows exactly how its share card will look on Facebook, LinkedIn, X (Twitter), Slack, Discord, and WhatsApp. It reads the page's live Open Graph (og:) tags, Twitter Card (twitter:) tags, and basic <title> and meta description, then renders them as a real preview card. If a tag is missing, relative, or unreachable, you will see it immediately — so you can fix the markup before you publish or share the link and avoid a broken, image-less preview.
- Paste the full URL of the page you want to check (including https://).
- Click Preview to fetch the page and read its meta tags.
- Review the rendered share card — image, title, description, and site name.
- Inspect the raw og: and twitter: values listed below the card.
- Fix any missing or incorrect tags in your HTML <head>, then re-check.
Your query is sent to Open Graph protocolto fetch results. We don't store it.
How social platforms build a link preview
When you paste a link into a social network, its crawler fetches your page's HTML and looks for meta tags in the <head>. Open Graph tags (og:title, og:description, og:image, og:url, og:site_name) are the primary source for Facebook, LinkedIn, Slack, Discord, and WhatsApp. X (Twitter) adds its own twitter: tags and falls back to Open Graph when they are absent. If no tags are found, platforms scrape the <title> and first images on the page, which usually produces a poor, unpredictable card. Providing explicit, absolute tags is the only reliable way to control how your link looks.
| Tag | Purpose | Used by |
|---|---|---|
| og:title | Headline shown on the card | Facebook, LinkedIn, Slack, X (fallback) |
| og:description | Summary line under the title | Facebook, LinkedIn, Slack |
| og:image | Preview image (1200×630 ideal) | Most networks |
| og:url | Canonical URL of the page | Most networks |
| og:site_name | Brand/site label on the card | Facebook, LinkedIn |
| twitter:card | Card type (summary_large_image) | X (Twitter) |
| twitter:image | Image override for X | X (Twitter) |
Common reasons a preview breaks
The most frequent issue is a relative og:image path such as "/cover.jpg" instead of an absolute "https://site.com/cover.jpg" — crawlers cannot resolve relative URLs reliably, so the image disappears. Other causes include pages behind a login or paywall (the crawler sees a sign-in page), tags injected by JavaScript after load (many crawlers do not run JS), an og:image that is too small or returns a 404, and aggressive platform caching that shows an old card. This checker fetches the raw server HTML the way a crawler does, so JS-injected tags will not appear here either — a useful signal that you should render Open Graph tags server-side.
Worked examples
Well-formed article
Inputs: a blog post with full og: tags
Result: large-image card with title, description, and site name
Missing image
Inputs: page with no og:image
Result: text-only card — add a 1200×630 og:image to fix
Glossary
- Open Graph
- A meta-tag protocol (og:*) created by Facebook that lets a page control its title, description, image, and type when shared on social media.
- Twitter Card
- X (Twitter)-specific meta tags (twitter:*) that define how a link appears in a tweet, including the card type and image.
- summary_large_image
- A Twitter Card type that displays a large, full-width preview image above the title and description.
- Crawler / scraper
- The automated bot a platform runs to fetch a URL's HTML and read its meta tags when a link is shared.
- Canonical URL
- The preferred, absolute address of a page, declared via og:url or a link rel="canonical", used to de-duplicate shares.
Related reading
Frequently Asked Questions
Why use Link Preview & Open Graph Checker?
- See the real og:title, og:description, og:image, site name, and Twitter Card pulled live from the page
- Catch missing or relative og:image URLs that cause a blank, image-less share card
- Confirm the chosen twitter:card type (summary vs summary_large_image) before tweeting a link
- Debug a page once, server-side, instead of re-sharing repeatedly to test the preview on each network
Common use cases
- Verifying a new blog post renders a large-image card before announcing it on LinkedIn
- Diagnosing why a client's landing page shows no image when shared in Slack or WhatsApp
- Checking that an e-commerce product page exposes og:title and og:image for paid social ads
- Auditing a competitor's Open Graph setup to benchmark your own social share appearance
- Confirming a staging URL's meta tags before promoting the page to production
Get weekly tool tips & updates
New tools, power-user tips, and productivity hacks — delivered free every Friday.
No spam, ever. Unsubscribe with one click.
Related Social Media
Open Graph Preview
Preview how your page appears when shared on Google, Facebook, Twitter, LinkedIn, and WhatsApp. Test Open Graph meta tags without publishing.
Twitter Card Generator
Generate Twitter Card meta tags for your website. Preview how your page will appear when shared on Twitter/X. Free Twitter card generator.
RSS Feed Viewer & Validator
Fetch any public RSS or Atom URL server-side to bypass CORS, validate required feed fields, and preview up to 20 recent items with clean plain-text summaries.
Meta Tag Generator
Generate SEO meta tags, Open Graph tags, and Twitter Card tags online. Preview Google search snippet and copy all tags instantly.
Social Media Character Counter
Count characters for Twitter/X, Instagram, LinkedIn, Facebook, and more. Live counter with limit warnings for every major social media platform.
YouTube Thumbnail Downloader
Download YouTube thumbnails in HD, HQ, MQ, and SD quality. Paste a video URL or ID and save the image instantly, free and easy.
Explore all Social Media.