๐ 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.