Sharing a link with broken or ugly preview cards on social media is easy to miss — the wrong tags don’t cause errors, they just quietly look bad. This tool lets you check the actual rendered card across four platforms before you ship the tags.
What Is the Open Graph / Social Card Preview?
Enter your page’s title, description, image URL, and site name, and see exactly how the resulting card renders on Facebook, X/Twitter, LinkedIn, and Slack — plus get the raw og: and twitter: meta tags to paste into your <head>.
How to Use It
- Open the tool at /tools/og-preview.
- Fill in your URL, title, description, and image URL.
- Switch between the Facebook, X/Twitter, LinkedIn, and Slack tabs to check each platform’s layout.
- Copy the generated meta tags into your page.
Key Features
- Four platform-accurate preview layouts in one tool.
- Live image loading check — flags broken image URLs immediately.
- Twitter card type switch between
summary_large_imageandsummary. - Copy-ready meta tag block for
og:*andtwitter:*tags.
When to Use This Tool
- Before publishing a new blog post or landing page, to confirm its share card looks right everywhere.
- Debugging a link that looks wrong when shared, by testing different image sizes and description lengths.
- Writing meta tags for a new site without memorizing every required
og:/twitter:property.
Try It Now
Open Open Graph / Social Card Preview directly, or press ⌘K and type the tool name from anywhere on the site.
Part of the Generators collection on WebdevToolbox — free, browser-based developer tools with no login required.