Open Graph Link Preview
Preview your link card exactly as Facebook and X will display it.
X (Twitter)
The preview updates live. If the image URL fails to load, a built-in placeholder is shown.
What is the Open Graph Link Preview?
Open Graph tags (og:title, og:description, og:image) control how your page looks when shared on Facebook, X, LinkedIn, and messaging apps. This free online tool renders your link exactly as two platforms will show it: a Facebook-style card and an X/Twitter-style large-image card. Enter your title, description, page URL, and image URL — or leave the image empty to see the built-in placeholder — and both previews update live.
How to use it
- Enter the og:title and og:description you plan to put on the page.
- Add the page URL so the card shows the correct domain.
- Paste an image URL (1200×630 works best), or leave it empty for the placeholder.
- Compare the Facebook and X cards side by side.
- Adjust your tags until both cards look right, then add them to your page.
Key features
- Side-by-side Facebook and X/Twitter card previews.
- Live updates as you type — no button to press.
- Automatic domain extraction from any page URL.
- Built-in branded placeholder when no image URL is given.
- Broken image URLs fall back to the placeholder automatically.
Real-world use cases
Marketers verify campaign landing pages before sharing them socially. Bloggers check that post images crop correctly in cards. Developers test Open Graph tags during site builds. Agencies preview client pages before a launch announcement.
Practical tips
- Use a 1200×630 image — it fills the large-card format on both platforms without awkward cropping.
- Keep titles under 60 characters so they are not cut off in the card.
- After deploying tags, re-scrape the URL in each platform's debugger to clear cached previews.