Open Graph Preview — See Your Social Share Card
Before you publish a page, see exactly how its link looks when someone shares it on social media.
Open Graph Preview
Your link, as the feed will render it
Tip: aim for a 1200×630 image (1.91:1). The card above is a faithful approximation of the feed layout, not a pixel-perfect replica of any one network.
How to preview your share card (3 steps)
- Fill in the four tags — og:title, og:description, og:url and og:image. If you do not know them yet, they live in your page's
<head>asproperty="og:…"meta tags, or in your CMS's social settings. - Watch the card update live. Truncation happens exactly where the feeds truncate: titles cut around 40–60 characters depending on the network, descriptions to roughly two lines, and images to the 1.91:1 crop.
- Fix before publishing. A share card is an advertisement you cannot edit after the fact — every link someone copies carries your preview with it, so get the wording right the first time.
Why the preview is worth thirty seconds
Most of the clicks your article gets after publication arrive from social feeds, Slack threads and email — not from search. In all of those channels the story is announced by the card, not the page: a stripped title, a default domain screenshot, or a missing image reads as low-effort even when the content is strong. The Open Graph protocol exists precisely because the networks refused to guess better titles for you; they render whatever you ship. Checking the card before launch is the same habit as checking the meta description: it is cheap, it takes seconds, and it prevents the most visible kind of publishing mistake.
What to write on the card
- Title — write it for the feed, not the browser tab. Plain words, the subject first, no trailing " | SiteName" padding that a card will cut off.
- Description — one sentence that says what the reader gets, not what the page is about. "See 12 real meta descriptions" beats "A guide to meta descriptions."
- Image — 1200×630 pixels, high contrast, no small text (it becomes 18px wide on a phone). If the page has no natural photo, a clean branded cover with the title is better than an auto-cropped screenshot.
Is anything fetched or uploaded?
No. Unlike the official debuggers, this preview never requests your URL from a server — it renders the four values you type, so a draft page that does not exist yet can be previewed today, and the URL you paste is displayed as text only. The image, if you give a real one, loads from its own host in your browser; nothing is sent to ToolWow.