Open Graph Preview
Preview how links appear on social media
Facebook / LinkedIn
example.com
Twitter (X)
๐ example.com
Slack
Discord
The Open Graph Preview tool shows you exactly how your web page link will appear on Facebook, Twitter, and other social media platforms in real time. Enter a title, description, image URL, and page URL to instantly generate platform-specific preview cards, letting you fine-tune the appearance before actually sharing. It is an essential tool for social media marketing and maximizing click-through rates on shared content.
๐ How to Use
- Enter title, description, and URL
- Enter an image URL
- Check Facebook and Twitter previews
- Verify it displays as expected
โจ Features
- โFacebook preview
- โTwitter card preview
- โReal-time preview
- โImage ratio check
- โOG tag guidelines
๐ก Use Cases
- โขSocial Media Manager: Preview and optimize how content appears on each platform before publishing.
- โขWeb Developer: Quickly verify that OG tag settings display as intended across social networks.
- โขMarketer: Ensure that ad campaign link previews look compelling before launch.
- โขBlogger: Test that blog post titles, descriptions, and images render correctly when shared.
- โขPR Specialist: Check how press release and article links will appear on social media before distribution.
๐ฏ Tips
- โธUse 1200x630px images for Facebook and 1200x600px for Twitter for optimal preview card displays.
- โธWrite concise, click-worthy titles to boost engagement rates when content is shared.
- โธNaturally include target keywords in your description for both search and social media effectiveness.
- โธIf previews differ after sharing, use Facebook Debugger or Twitter Card Validator to refresh the cache.
โ FAQ
Q. What's the recommended image size?
A. Facebook recommends 1200x630px, Twitter recommends 1200x600px or 800x418px.
Q. Why does it look different when actually shared?
A. It might be cached. Use Facebook Debugger or Twitter Card Validator to refresh the cache.
Q. Do I need both OG tags and Twitter Card tags?
A. Twitter falls back to OG tags if its own card tags are missing, but setting both is recommended for optimal display. Each platform has different image ratio and text length requirements.
Q. Why is my image not showing in the preview?
A. Check that the image URL is an absolute path, uses HTTPS, and the image is at least 200x200px. The file should not exceed 8 MB.
Q. Can the preview differ from the actual share result?
A. Yes, platforms may cache older data. Use Facebook Sharing Debugger to scrape the URL or Twitter Card Validator to force a refresh with the latest content.
Q. Do OG tags work on single-page applications (SPAs)?
A. Social media crawlers typically do not execute JavaScript. For SPAs, use server-side rendering (SSR) or pre-rendering to include OG tags directly in the HTML.