Open Graph Preview
Preview how your website looks when shared on Facebook, Twitter, LinkedIn and WhatsApp.
About Open Graph Preview
Enter your Open Graph tag values to see how your page will look when shared on Facebook, Twitter/X, LinkedIn and WhatsApp.
About this calculator
Enter a URL, title, site name, description and image and see how your link will look when shared on Facebook, LinkedIn, WhatsApp and X (Twitter).
Catch a missing image or a truncated title before you publish.
How to use it
- Fill in the og:title, description and image.
- Press Preview.
- Fix anything that looks cut off.
Open Graph basics
Open Graph tags in the page head tell social platforms what to show: og:title, og:description, og:image, og:url, og:type and og:site_name. The recommended image is 1200×630 pixels (1.91:1), under 5 MB. Platforms cache previews, so after fixing tags you must re-scrape the URL in their debugger.
Worked example
Sizes
| Facebook/LinkedIn/WhatsApp | 1200×630 |
| X summary_large_image | 1200×675 (16:9) |
| Title length | about 60 characters shown |
Tips and common mistakes
- Use a high-contrast image with big text.
- Keep important content centred; edges get cropped.
- Use absolute https URLs for images.
- Re-scrape after changes.
- Test on mobile.
Frequently asked questions
What is Open Graph?
A protocol for controlling link previews.
What size should og:image be?
1200×630 pixels.
Why is my preview not updating?
Platforms cache it; use their debugger to refresh.
Do I need Twitter cards too?
X reads Open Graph if twitter tags are missing.
Is the preview exact?
It is a close simulation.
Is it free?
Yes.