Free Open Graph Preview - Test Social Media Cards
Preview how your pages appear when shared on Facebook, Twitter, LinkedIn. Test Open Graph and Twitter Card meta tags before publishing.
Paste any live URL and instantly see how it appears when shared on Google, Facebook, Twitter, LinkedIn, Slack, and Discord.
No URL checked yet
Paste a URL above and click Check Preview to see how it looks on social media
Build your own OG tags from scratch
Fill in your page details and get copy-ready HTML meta tags in seconds.
What is Open Graph Preview?
Our Open Graph Preview tool shows you exactly how your web pages will appear when shared on social media platforms. Before publishing content or launching campaigns, see previews of Facebook cards, Twitter cards, LinkedIn posts, and other platforms to ensure your titles, descriptions, and images look perfect and encourage clicks.
Social media cards are controlled by Open Graph (og:) and Twitter Card meta tags in your page HTML. These tags define the title, description, image, and other details that appear in social shares. Without proper tags, platforms use generic page content - often resulting in broken images, ugly titles, or missing descriptions that hurt click-through rates.
The tool lets you input meta tag values or test live URLs, showing real-time previews of how different platforms render your content. It validates image dimensions (Facebook 1200×630px, Twitter 1200×675px), checks for required tags, warns about truncated titles/descriptions, and provides suggestions for optimization.
All previews are generated locally in your browser. Your URLs, meta tag content, and campaign details stay private. Perfect for testing before launch, optimizing shareability, or troubleshooting why social cards look wrong.
Powerful Features
Everything you need in one amazing tool
Multi-Platform Preview
See Facebook, Twitter, LinkedIn, Slack previews. All major platforms covered.
Image Validation
Check image dimensions and aspect ratios. Ensure proper rendering across platforms.
Meta Tag Validation
Validates required og: and twitter: tags. Warns about missing or malformed tags.
Live URL Testing
Test live URLs by fetching meta tags. See how existing pages appear when shared.
Character Counters
Shows title/description length. Warns when text will be truncated on platforms.
Copy Meta Tags
Generates proper Open Graph and Twitter Card HTML. Copy-ready code snippets.
How It Works
Get started in 4 easy steps
Enter URL or Meta Tags
Paste URL to test live page or manually enter og:title, og:description, og:image values.
View Platform Previews
See how Facebook, Twitter, LinkedIn render your card. Compare different platforms.
Check Validation
Tool highlights issues: missing tags, wrong image size, truncated text, broken images.
Optimize & Publish
Adjust meta tags based on feedback. Copy optimized tags to your page HTML.
Why Choose Our Open Graph Preview?
Stand out from the competition
See Before Sharing
Preview social cards before publishing. Avoid embarrassing share appearances.
Instant Previews
Real-time updates as you edit tags. No waiting for platform caches.
Platform-Specific
Each platform has different requirements. See exactly how each one renders.
Unlimited Testing
Test unlimited URLs and variations. Perfect for agencies and content teams.
Optimization Tips
Get suggestions for better titles, descriptions, images. Improve click-through.
100% Private
All previews generated locally. Your URLs and content stay private.
Perfect For
See how others are using this tool
Blog Posts
Optimize blog post social cards. Ensure featured images and titles look compelling.
E-commerce Products
Test product page cards. Make sure images and prices display correctly when shared.
Product Launches
Perfect social cards before launch. Maximize shareability and viral potential.
News & Media
Optimize news article cards. Ensure headlines and images grab attention in feeds.
Landing Pages
Test campaign landing page cards. Optimize for social media advertising.
Troubleshooting
Debug why social cards look wrong. Identify missing or broken meta tags.
Frequently Asked Questions
Everything you need to know about Open Graph Preview
Open Graph (og:) tags are HTML meta tags that control how URLs appear when shared on social media. Without them, Facebook/LinkedIn use random page content - often showing wrong images, truncated titles, or no description. With proper og:tags, you control exactly what appears: og:title for headline, og:description for text, og:image for thumbnail, og:url for canonical URL. These tags significantly improve click-through rates on social shares. Twitter uses similar twitter: tags for Twitter Cards. Implement both for maximum compatibility.
Recommended sizes vary by platform: Facebook/LinkedIn: 1200×630px (1.91:1 ratio), minimum 600×315px. Twitter: 1200×675px (16:9) for large cards, 1200×1200px (1:1) for summary cards. Pinterest: 1000×1500px (2:3, tall). Instagram: 1080×1080px (1:1). Use minimum 1200×630px for universal compatibility. Images must be under 8MB, JPG or PNG format. Avoid text overlays on images - Facebook suppresses heavily text-overlaid images. Use og:image:width and og:image:height tags to help platforms render without fetching first.
Social platforms cache meta tags for performance. Facebook caches for days/weeks. Solutions: 1) Use Facebook Sharing Debugger (developers.facebook.com/tools/debug) to scrape fresh data and clear cache. 2) For Twitter, use Card Validator (cards-dev.twitter.com/validator). 3) Add version parameter to og:image URL (image.jpg?v=2) when changing images. 4) Set proper HTTP cache headers for meta tag pages. 5) Wait 24-48 hours for natural cache expiry. Always use debugger tools before major campaigns to force fresh scraping.
Twitter reads Open Graph tags as fallback, but Twitter Cards provide better control. Best practice: implement both. Minimum tags: og:title, og:description, og:image, og:url for general; twitter:card, twitter:title, twitter:description, twitter:image for Twitter-specific. Twitter Card types: "summary" (small image), "summary_large_image" (big image, recommended), "app" (mobile apps), "player" (video/audio). If you only implement Open Graph, Twitter uses those but with limited styling options. For best results on both platforms, implement all tags.
Yes! Use our manual input mode to enter meta tag values without a live URL. This lets you preview how cards will look before deployment. For testing unpublished pages: 1) Add meta tags to HTML. 2) Deploy to staging/dev server. 3) Test staging URL with Facebook Debugger (no public indexing). Or use our tool to preview without live URLs, then validate after publishing. Remember: social platforms can't fetch from localhost or password-protected pages, but our preview tool works with any input.
Never! All social card previews, image loading, and validation happen entirely in your browser. Your URLs, meta tag content, page titles, descriptions, and images are processed locally and never sent to any server. This makes it completely safe for testing unpublished content, confidential campaigns, client projects before launch, or staging URLs you want to keep private. The tool works offline for manual input mode. Live URL fetching uses direct browser requests without our servers as intermediaries.
Need a Custom Website Built?
While you use our free tools, let us build your professional website. Fast, affordable, and hassle-free.