/* ============ Social card preview (social-preview tool) ============ */ .tr-preview{margin-top:1.5rem;border:1px solid var(--fg-10);border-radius:.75rem;overflow:hidden;background:var(--accent)} .tr-preview img{width:100%;max-height:240px;object-fit:cover} .tr-pv-title{padding:.75rem 1rem 0;font-size:.9375rem;font-weight:500} .tr-pv-desc{padding:.25rem 1rem .75rem;font-size:.875rem;line-height:1.625;color:var(--fg-80)} .tr-pv-note{padding:0 1rem .75rem;font-size:.75rem;color:var(--fg-60)}
The problem The report How it works Pricing FAQ Sample report Get my report — £7.99
Free tool · no signup · instant result

Social preview checker

When someone shares your link on WhatsApp, LinkedIn, X or Slack, the card they see is built from your Open Graph tags — and nothing on your own site shows you that card. Enter your domain and we read the tags and render the preview: no og:image, bare-URL cards, relative image paths, the title falling back to the wrong copy.

Your share card

The card, the tags, the preview

What gets checked

Five problems, the same ones the £7.99 audit flags

This checker runs the Open Graph and Twitter card portions of our real audit engine — the rules behind the share-card findings in every report we sell.

1 · No Open Graph tags at all

No og:title, og:description, og:image or og:url anywhere in the head. Every platform then renders a bare URL — no title, no image, no description. Shared links are a top referral path, and the bare-URL card measurably kills clicks. Flagged as an error.

2 · No og:image (or a relative path)

Cards with an image dramatically outperform text-only ones. A missing og:image — or a relative path like /card.png, which most platforms ignore — renders the card without a picture. Flagged as a warning; the fix is an absolute https URL around 1200×630.

3 · No twitter:card

X/Twitter can build its card from the Open Graph tags, but only if a twitter:card tag declares the layout. Without it the share renders as a plain link on X. Flagged as a warning — one line fixes it.

4 · The title falls back to the <title> tag

Without og:title, platforms fall back to your search-engine title — keyword-led, brand-suffixed, written for a results page, not a feed. Works, but leaves clicks on the table. Flagged as a warning with both copies shown.

5 · No text under the card

Neither og:description nor a meta description to fall back on means the card is a title and an image with no sentence. Flagged as an informational note.

Also rendered: the card preview itself — title, description and image exactly as WhatsApp/LinkedIn/X will compose them, with a note on which tag each line came from. An og:image pointing at http:// (not https) is flagged too: most platforms refuse insecure images silently.
Worked example

The four tags that build the card

Four meta tags in the head decide the whole share card. Platforms read Open Graph first and use the Twitter tags for the layout.

1<meta property="og:title" content="Wood-fired pizza, delivered"/>
2<meta property="og:description"
3 content="Fresh dough daily, 5-star rated, open late."/>
4<meta property="og:image"
5 content="https://acmepizza.com/card.png"/>
6<meta name="twitter:card" content="summary_large_image"/>
  • Line 1 is the card headline. Benefit-led — the human version, not the search-engine title.
  • Lines 2–3 are the sentence under the title. Short, concrete, no keyword stuffing — feeds truncate harder than search results.
  • Lines 4–5 are the picture. Absolute https URL, around 1200×630. Relative paths get dropped by most platforms.
  • Line 6 picks the X layout. summary_large_image = big picture card; summary = compact.
Where we fit

Share cards are 2 of 260+ checks

The checker above is free and instant. The full £7.99 audit runs all of it: 260+ checks across 21 categories on up to 25 pages, an AI-written plain-English report, delivered by email in ~30 minutes. What it costs · read a real sample report.

Checked for you

The full audit

Everything on this page plus the other 250+ checks, in one ordered fix-list.

£7.99/one-time
Run the full audit — £7.99
What the report covers
  • Open Graph tags (og:title, og:description, og:image, og:url) on every audited page
  • Twitter card tags and layout declaration
  • Image accessibility: absolute URLs, https, sane dimensions where declared
  • The meta description and title tags the cards fall back to
  • Everything else: SEO basics, crawlability, security, accessibility, performance

— Not ours to claim

What no external tool can do:

Honest limits
  • See inside Search Console — crawl stats and indexing requests live behind your Google login; the report names the exact screen to open
  • Edit your site for you — the fix is yours to apply (or ours: we do fixes too); the report gives the exact lines
  • Promise rankings or AI citations — nobody honestly can; what the report guarantees is that nothing on your site mechanically blocks the machines that read it

Also honest: this checker looks at one slice. A passing slice with failing pages elsewhere is exactly what the full crawl is for.

FAQs

Fair questions, straight answers

What are Open Graph tags?

They are meta tags in a page's head that tell social platforms and messaging apps how to build the link preview card: og:title is the headline, og:description the sentence under it, og:image the picture, og:url the canonical address. Facebook created the standard; WhatsApp, LinkedIn, Slack, iMessage, Discord and most others read the same tags.

Do Open Graph tags affect Google rankings?

Not directly — Google uses title and meta description for its snippets and ignores the og: tags for ranking. Their job is clicks from shared links: the card is your pitch in someone else's feed. Worth doing for the referral traffic alone; just do not expect a rankings bump from adding them.

What size should the og:image be?

Around 1200×630 pixels (a 1.91:1 ratio), under a few megabytes, at an absolute https:// URL. Platforms crop aggressively at other ratios — text near the edges can get cut. And it must be publicly fetchable: an image behind a login or on http:// renders as no image at all.

Do I need Twitter tags if I have Open Graph?

Mostly no — X falls back to the Open Graph tags for title, description and image. The one Twitter tag worth adding is twitter:card, which chooses the layout (summary_large_image for the big-picture card, summary for compact). Without it, X can render the share as a bare link.

Every share is a first impression. The other 258 checks are waiting.

Enter your URL and pay securely — your report PDF lands in your inbox in ~30 minutes,
with Open Graph tags, meta descriptions, crawlability and 250+ other checks run and explained.

Or read a real sample report first →