Open Graph Preview
See how your link will look when it is shared on Facebook, LinkedIn and X, live from your Open Graph tags, and paste your existing tags to check them in seconds.
When someone shares your page, the title, image and description that appear are not pulled from your content at random: they come from your Open Graph tags, and if those are missing or wrong, your link turns up as a bare URL or a cropped, confusing card. This free Open Graph preview renders your og:title, og:description, og:image and og:url the way Facebook, LinkedIn and X do, side by side, and lets you paste a block of existing meta tags to fill the fields instantly. It is built for SEOs, marketers and developers who want a shared link to look deliberate rather than accidental.
How to use it
Enter or paste your tags
Type your og:title, description, image URL and page URL, or paste a block of existing <meta property="og:…"> tags and the fields fill in automatically.
Check both cards
See the Facebook and LinkedIn large card next to the X summary_large_image card, each with its own title, description and image crop, so you catch a line or picture that breaks in one but not the other.
Fix and copy back
Adjust the title length, swap an image that crops badly or add a missing og:url, then update the tags on your page and re-scrape with the platform's debugger.
Why it's useful
Two real card layouts at once
Facebook and LinkedIn render a large image with the domain, a bold title and a description, while X shows a summary_large_image card with a tighter title. Seeing both together means a title that fits one and clips in the other never slips through.
Paste tags, no copying by hand
Drop your whole <head> snippet or just the Open Graph block into the paste box and the tool reads og: and twitter: tags in any attribute order, filling every field so you check what is actually on the page rather than retyping it.
Nothing leaves your browser
The preview runs entirely client-side. Your tags and image URLs are never uploaded or stored, so you can check unpublished pages and client work without signing in.
Getting your link to look right when it is shared
What Open Graph tags actually control
Open Graph is a small set of meta tags in your page's <head> that tell social platforms how to display your link. The four that matter most are og:title, og:description, og:image and og:url: the title and description become the text of the card, the image becomes its picture, and the URL tells the platform which page the card points to. X reads these too, and falls back to its own twitter: tags when they are present, which is why this tool previews both a Facebook/LinkedIn card and an X card from the same values.
Without these tags, a platform guesses from your page, often badly: it may grab the first image it finds, pull the meta description or the first paragraph, or show nothing but the raw URL. Setting the tags deliberately is the difference between a link that looks like a finished post and one that looks broken, and it directly affects how many people click a shared link.
Image size, title length and the crop
The single most common Open Graph mistake is the image. The large card wants a landscape picture around 1200 by 630 pixels, a 1.91:1 ratio, and anything far from that gets cropped: a tall image loses its top and bottom, a tiny one is ignored and the card falls back to a text-only layout. Preview the crop here before you publish, because an image that looks fine on your page can lose its most important part inside the card.
Titles and descriptions are trimmed too, and each platform trims at a different point, so a title that reads well in full can lose its ending in the card. Lead with the words that matter, keep the title tight and treat the description as a single clear sentence rather than a paragraph that will be cut mid-thought.
Use an absolute image URL
og:image must be an absolute URL, starting with https://, not a relative path like /og.png. Platforms fetch the image from their own servers and cannot resolve a relative path, so a relative og:image is one of the quietest ways to end up with a card that has no picture at all.
Preview, then confirm with the real scraper
This tool shows you how the card is built from your values, but the platforms have the final say: each one scrapes your live page, caches the result, and may re-crop or re-trim on its own. After you preview and set your tags, run the page through Facebook's Sharing Debugger and X's Card Validator to force a fresh scrape and see the real card. Getting shared links right across every page and every language you publish in is exactly the kind of repetitive, easy-to-forget work Otorank handles for you, writing, publishing and tracking content built to be found across 150+ languages.
They use Otorank
Questions
What Open Graph tags do, why the image crops, and how to confirm the real card before you rely on it.
Around 1200 by 630 pixels, a 1.91:1 ratio, for the large card. Images far from that ratio are cropped, and very small images are ignored, so the card falls back to a text-only layout.
The most common causes are a relative og:image path instead of an absolute https:// URL, an image that is too small, or a stale platform cache. Use an absolute URL and re-scrape the page in the platform's debugger.
Not strictly. X falls back to your Open Graph tags when its own twitter: tags are missing, so og: tags alone produce a valid card. Add twitter:card and twitter:image only when you want X to differ from the rest.
Platforms cache what they scraped. Your change is live, but the old card is remembered until you force a refresh with Facebook's Sharing Debugger or X's Card Validator.
No. The preview is built in your browser from the values you enter; nothing is uploaded or stored, so you can check unpublished pages safely.