LectionFree Tool

Social Preview Validator

Preview how a live URL will appear in Open Graph and Twitter-style cards, then validate the titles, descriptions, card type, and share images before you post.

Social preview toolOpen Graph previewTwitter card validator
Free to runNo credit cardStructured results
Paste a public URL. The tool fetches the live page, reads the current social tags, and renders the likely preview cards using the detected metadata.
Try:

Paste a live page before launch, after a CMS migration, or any time a link preview looks off in Slack, LinkedIn, X, or Discord.

The empty state is the real workflow here: start with a live URL, then compare the rendered Open Graph and Twitter previews before you share the page.

What is a social preview validator?

A social preview validator checks the metadata that platforms use when someone shares a URL. Instead of only listing raw tags, it answers the practical question teams actually care about: what will the link preview probably look like in Slack, LinkedIn, X, Discord, or a chat app, and is anything obviously wrong before the page goes live?

That matters because social previews are often assembled from several fallback layers. A page might have no twitter:title tag, so X falls back to og:title . Another page might have an Open Graph title but no description, so the network guesses from body copy. Those previews can work, but they are fragile and hard to QA by just reading HTML.

This free social preview validator loads the live page metadata, renders likely Open Graph and Twitter-style cards, and flags the common gaps that make previews look inconsistent. It is especially useful before campaigns, launches, and CMS migrations where one broken share card gets copied into many channels quickly.

How to use social preview results

Start with the rendered cards, not the raw tags. If the preview title looks vague, truncated, or mismatched with the image, that is the fastest signal that the share setup needs work. The source labels under each card show whether the preview is using a dedicated social tag or quietly falling back to the page-level metadata.

Next, review the validation checks. The highest-value issues are usually missing twitter:card values, absent descriptions, and share images that do not resolve cleanly. Those problems tend to create previews that are inconsistent across platforms, even when one network appears to render them correctly.

Step 1

Load the live URL

Use the current production URL, not a copied code snippet, so you can see the exact metadata and image that sharing bots would fetch.

Step 2

Compare the two cards

If Open Graph and Twitter previews diverge too much, decide whether that is intentional or a fallback problem caused by missing tags.

Step 3

Fix the weakest signal first

Broken images and missing descriptions usually hurt more than minor copy length issues, so prioritize those before polishing wording.

Example: a product launch page might look fine in LinkedIn because it uses og:title and og:image , but its X preview could still feel incomplete because twitter:card and twitter:description were never added. This validator makes that mismatch obvious before the URL gets shared publicly.

Common Use Cases

  • Check blog posts and landing pages before launch-day sharing across Slack, X, LinkedIn, and partner channels.
  • QA CMS templates after a redesign or domain migration when preview tags may have changed silently.
  • Review whether product pages reuse the wrong Open Graph title, description, or image across a whole section.
  • Compare page-level metadata fallbacks against dedicated Twitter tags when brand teams want tighter control.
  • Spot weak or missing share descriptions before handing pages to content, SEO, or growth teams.

FAQ

What does a free social preview validator test?
It fetches a live page, reads Open Graph and Twitter tags, resolves the preview image URLs, and renders likely share cards so you can inspect both the copy and the image setup together.
What is the difference between an Open Graph preview and a Twitter card preview?
Open Graph tags are widely reused by platforms like LinkedIn, Slack, and Discord, while X also supports twitter-specific card tags that can override the title, description, image, and card type.
Can a page have a valid social preview without twitter:title and twitter:description?
Yes. Many pages still render because X can fall back to Open Graph tags, but dedicated Twitter copy gives you more predictable control and makes the preview less fragile.
Why does a social preview validator warn about missing descriptions?
If no dedicated social description exists, networks may pull inconsistent text from the page or omit the description entirely. That makes the preview harder to control across channels.
Does this social preview validator check the actual share image URL too?
Yes. It uses the same live metadata fetch to confirm whether the Open Graph or Twitter image resolves cleanly, so you can catch broken assets instead of only reading the HTML tags.
Can I use this tool for staging, localhost, or private URLs?
No. The validator only works against public URLs because local and private addresses are blocked from server-side inspection.

Related Resources

Need to review social metadata across a whole site section instead of one URL at a time? Lection can crawl live pages, collect titles, descriptions, and share-image signals in bulk, then export them for content QA and launch reviews.

For image-specific debugging, go deeper with the Social Share Image Checker.