🔗 Open Graph Preview
See exactly how your links will appear when shared on Facebook, Twitter, LinkedIn, Discord, Slack, and WhatsApp.
📘 Facebook
No image provided
example.com
Page Title
Page description will appear here
Twitter / X
No image provided
Page Title
Page description will appear here
example.com
💼 LinkedIn
No image provided
Page Title
example.com
🎮 Discord
example.com
Page Title
Page description will appear here
No image
💬 Slack
example.com
Page Title
Page description will appear here
No image
📱 WhatsApp
No image
example.com
Page Title
Why Open Graph Previews Matter
When someone shares a link on social media, the platform reads the Open Graph meta tags to generate a rich preview. Without properly configured OG tags, your links may show broken images, generic titles, or missing descriptions — dramatically reducing engagement and click-through rates.
Platform-Specific Character Limits
- Facebook — Title: ~88 characters, Description: ~300 characters (truncated to ~2 lines)
- Twitter/X — Title: ~70 characters, Description: ~200 characters
- LinkedIn — Title: ~120 characters, Description: not shown on mobile
- Discord — Title: ~256 characters, Description: ~350 characters
- Slack — Shows title + description, unfurls links automatically in channels
- WhatsApp — Title: ~65 characters, no description on most devices
OG Image Best Practices
Use 1200×630 pixels (1.91:1 ratio) for maximum compatibility. Keep important content centered within the safe zone (800×420 inner area) to avoid cropping on different platforms. Use JPG or PNG format, and keep file size under 5 MB.
Frequently Asked Questions
Enter your page's OG title, description, image URL, and site URL. The tool instantly renders previews showing exactly how your link will appear on Facebook, Twitter, LinkedIn, Discord, Slack, and WhatsApp — all without leaving the page.
No. Every preview is generated entirely in your browser using client-side JavaScript. No data is transmitted externally, so you can safely preview pages before they go live.
The ideal OG image size is 1200 × 630 pixels with a 1.91:1 aspect ratio. This ensures your image displays correctly across Facebook, LinkedIn, Twitter, and messaging apps without cropping or distortion.
This usually happens when Open Graph tags are missing, incorrectly formatted, or when social platforms have cached an older version. Use this tool to verify your tags, then use each platform's cache-clearing tool (like Facebook's Sharing Debugger) to refresh.
Twitter can fall back to OG tags, but adding dedicated Twitter Card tags (twitter:card, twitter:title, twitter:image) gives you more control over how your content appears on Twitter specifically. For best results, include both sets of tags.