Open Graph Preview Tool — Social Card Preview

\n\n\n\n\n`; }, copy(){ navigator.clipboard.writeText(this.tags); this.copied=true; setTimeout(()=>this.copied=false,1500); } }">

Title

Description

Image URL

Page URL

Preview (Facebook/LinkedIn style)

Open Graph tags

Share X / Twitter Facebook LinkedIn WhatsApp

How to use Open Graph Preview Tool

Fill in title, description, image URL and page URL.
Watch the share-card preview — iterate until it looks right.
Copy the meta tags into your page's <head> — unique values per page.
After publishing, verify live and refresh platform caches (Facebook Debugger) if the page was shared before.

What is Open Graph Preview Tool?

An Open Graph preview tool shows how a link's share card will look — the title, description and image that appear when your page is posted to Facebook, X, LinkedIn, WhatsApp or Slack — and generates the meta tags to produce it. You design the card visually and copy the code, instead of publishing and hoping.

Open Graph tags control the unfurled link preview, and getting them right is high-leverage: a compelling card with a strong image earns dramatically more clicks than a bare URL or a broken preview. Previewing before you ship catches the problems (wrong image, truncated title, missing tags) that otherwise embarrass you in someone's feed.

About the Open Graph Preview Tool

Fill in title, description, image URL and page URL, watch the share-card preview update, and copy the complete Open Graph (and Twitter Card) meta tags for your page's <head>.

What the preview teaches you to get right: the image — 1200×630 is the cross-platform standard, and it must be an absolute https URL (relative paths are the #1 reason images don't show); the title — punchy, ~60 characters so it doesn't truncate, and it can differ from your SEO title (write it for the feed); the description — ~2 lines of hook (~110 characters visible on most platforms); and completeness — the preview shows what's missing before real platforms render a bare card.

The workflow: design the card here, paste the tags into every shareable page (each with its own values — a site-wide identical card makes every link look like the homepage), then after publishing, verify the live page and refresh platform caches (Facebook Sharing Debugger, LinkedIn Post Inspector) since platforms cache previews aggressively — a page shared before its tags were right keeps the broken card until forced to re-scrape. Our Open Graph Checker verifies live tags; this tool designs them.

Frequently Asked Questions

1200×630 (1.91:1) — the cross-platform standard, sharp on Facebook, LinkedIn, X and WhatsApp. Keep the key visual centered (some crops are square), use an absolute https URL, and stay under ~5MB.

Most often a relative image URL instead of absolute — og:image must be a full https://… address. Other causes: image too small, blocked by robots, or the platform cached an older version (refresh with its debugger).

Yes — og:title is separate from the <title> tag, so tune it for the social feed (curiosity, no brand suffix) while the title tag targets search. Two audiences, two headlines, same page.

Platform caching. Facebook/WhatsApp: paste the URL into the Sharing Debugger and "Scrape Again". LinkedIn: Post Inspector. X refreshes within days. The fix is live; the cache just needs a nudge.

Every shareable page, with page-specific values — otherwise every shared link shows the same (usually homepage) card. CMSs generate them per page automatically; custom sites use tools like this to build them per page.