OG Image Preview & Tester
Fetch a public URL's metadata and compare approximate card layouts before checking the published page with each platform.
Or skip fetching and enter your OG data manually below to preview how it will look.
OG Tag Data
Approximate previews
These are design references, not live platform renderings. Layout, fallback rules, and cached content can differ.
Twitter / X
Discord
Google Search
What This Tool Does
Fetch OG Tags
Enter any URL and we'll extract the Open Graph meta tags (og:title, og:description, og:image) from the page.
Compare five layouts
Compare design approximations for Facebook, X, LinkedIn, and Discord, plus a separate Google search-snippet reference. Final layouts can differ.
Copy starter tags
Edit the data, then copy a safely escaped HTML starting point. Review the page type and run the result through the tag inspector before publishing.
Why Preview OG Images?
Open Graph meta tags control how your link looks when shared on social media. Without them, platforms will guess — often picking the wrong image, truncating your title, or showing no preview at all.
This tool lets you test before you publish. Paste a live URL to check your existing tags, or enter data manually to preview a page you haven't deployed yet.
Each platform renders and caches link previews independently. These layouts help reveal likely crop and text-length problems, but only the official platform debugger and a real share can confirm the final result. Google's card is a separate snippet reference; search results are not controlled solely by Open Graph tags.
Common Issues
Image not showing?
Make sure your og:image URL is absolute, publicly reachable over HTTPS, and returns an actual image response. Social crawlers do not require browser CORS permission to fetch a public image. Full troubleshooting guide
Wrong image or title?
Social platforms cache link metadata. After updating your tags, use the destination platform's current inspection or refresh tool where one is available, then test a new share.
What size should the image be?
A 1200x630 pixel canvas (about 1.91:1) is a practical wide-card starting point, not a universal platform contract. Source-aware size guide
Need to Create an OG Image?
Use our free generator to design professional Open Graph images in seconds.
Create OG Image