Open Graph Preview
Preview how your links look when shared on Facebook, Twitter/X, LinkedIn and WhatsApp.
Open Graph Details
Live Previews
example.com
Page Title
Page description will appear here.
Twitter / X
Page Title
Page description will appear here.
example.com
Page Title
Page description will appear here.
example.com
example.com
Page Title
Description here
What the Open Graph Preview tool does
When you share a link on social media, the platform reads special Open Graph and Twitter Card meta tags from the page to build a preview card with an image, title, description and site name. If those tags are missing or wrong, your link can show up blank, with the wrong picture, or with a truncated headline. This tool lets you see exactly how a link will look before you post it.
It renders four side-by-side mock-ups that mirror how Facebook, Twitter/X, LinkedIn and WhatsApp present a shared link. That makes it useful for content creators, social media managers and developers who want to fix preview problems in advance rather than after a post has gone live and already lost clicks.
How to use it
You can work two ways. To check an existing page, paste its URL into the address field and click Fetch from URL. The tool retrieves the page through a public proxy and reads its og:title, og:description, og:image and og:site_name tags, then fills in the preview cards automatically.
Alternatively, you can type the title, site name, description and image URL directly into the fields to mock up a card before the page is even published. The four previews update live as you edit, so you can fine-tune your wording and pick an image that fills the card without awkward cropping.
Tips and notes
Use an image around 1200x630 pixels for the best fit across all four platforms; smaller images may show as a thumbnail rather than a large banner. Keep titles short, because Twitter and WhatsApp clip them to roughly one line while Facebook and LinkedIn allow about two.
If the Fetch from URL step fails, it is usually because the target site blocks cross-origin requests or the proxy could not reach it. When that happens, simply paste the title, description and image fields manually to preview the card. The previews here are visual approximations to help you plan; the exact rendering each network shows can vary slightly over time.