Open Graph Preview
Open Graph tags control how a link looks when shared on social platforms, but there's no reliable way to know if yours actually render correctly without pasting the real URL into an actual Facebook post or LinkedIn message, a slow, clunky way to check. This previews exactly how any URL's link card will appear across Facebook, Twitter/X, LinkedIn, and messaging apps, without you having to post anything anywhere.
Facebook / LinkedIn
example.com
My Awesome Page
This is a great description for my page that will appear in social previews.
Twitter / X
My Awesome Page
This is a great description for my page that will appear in social previews.
example.com
iMessage / WhatsApp
example.com
My Awesome Page
This is a great description for my page that will appear in social previews.
How to use this Open Graph preview tool
- Choose "Fetch from URL" to auto-detect tags, or "Manual input" to enter them yourself.
- If fetching, paste a public URL and click "Fetch." Tags will be extracted automatically.
- Review the preview cards for Facebook, Twitter, and messaging apps.
- Adjust the title, description, and image as needed to optimize your social previews.
Why a preview here might not perfectly match what a friend sees when you send them the link
Social platforms sometimes cache a URL's preview data the first time it's shared and reuse that cached version for a while afterward, even if the underlying page's Open Graph tags are updated later. This is why updating a page's meta image or title doesn't always immediately change how the link looks when re-shared on a platform that already cached the old version. Most major platforms offer their own cache-refresh or debugging tool specifically to force a re-fetch when this happens, worth using directly on the platform in question if a preview looks outdated after you've made changes.
Frequently asked questions
Why does this preview show something different from what I see when I actually share the link?
The platform you shared it on may have cached an older version of the link's preview data; use that platform's own cache-refresh tool (most major platforms provide one) to force it to re-fetch the current tags.
Can I preview a URL before the page is even live, to check the tags in advance?
No. This reads the actual live page's meta tags, so the page needs to be publicly accessible for an accurate preview; check tags directly in your page's source if it's not yet live.
What's the ideal image size for a good-looking preview across all platforms?
Roughly 1200x630 pixels is a widely-used size that displays well across most platforms' preview card formats without significant cropping or letterboxing.
Related Guides
Related Tools
Meta Tag Generator
Generate HTML meta tags, Open Graph tags, and Twitter cards for any web page.
Slug Generator
Generate clean URL slugs from any text with separator and length options.
robots.txt Tester
Validate your robots.txt and test whether specific URLs are allowed or blocked.
Image Resizer
Resize images by pixels or percentage while maintaining aspect ratio.