Free Online Open Graph Preview
Preview how your web pages will appear when shared on Facebook, Twitter, and LinkedIn. Test and optimize your social media cards before publishing.
Open Graph Content
Social Media Preview
Recommended Image Sizes
- Facebook: 1200 × 630 pixels (1.91:1 ratio)
- Twitter: 1200 × 600 pixels (2:1 ratio)
- LinkedIn: 1200 × 627 pixels (1.91:1 ratio)
Generated Open Graph Tags
Related SEO Tools
Frequently Asked Questions
Open Graph is a protocol created by Facebook that allows you to control how your content appears when shared on social media. It defines the title, description, image, and other properties shown in social media cards. Optimized Open Graph tags can significantly increase click-through rates from social shares.
The essential Open Graph tags are: og:title (page title), og:description (page description), og:image (preview image), og:url (canonical URL), and og:type (content type, usually "website" or "article"). Our preview tool shows you exactly how these tags will render.
For Facebook, the recommended image size is 1200x630 pixels. For Twitter, use 1200x600 pixels with a 2:1 aspect ratio. For LinkedIn, 1200x627 pixels works best. Our tool validates your image dimensions and warns you about potential issues.
After implementing your Open Graph tags, use official debugging tools: Facebook Sharing Debugger, Twitter Card Validator, and LinkedIn Post Inspector. These tools will fetch and cache your tags, showing exactly how your content will appear when shared.
Social media platforms cache Open Graph data. When you update your tags, you need to clear the cache using each platform's debugging tool. Facebook's Sharing Debugger has a "Scrape Again" button that forces a refresh of your Open Graph data.
Complete Guide to Open Graph Tags
Open Graph tags control how your content appears when shared on social media platforms like Facebook, Twitter, and LinkedIn. Our free online Open Graph preview tool lets you test and perfect your social sharing cards before publishing.
Why Use Our Online Open Graph Preview Tool?
Testing Open Graph tags usually requires sharing links on actual social platforms and waiting for them to scrape your page. Our OG preview tool shows you instant previews for all major platforms, helping you optimize your content for maximum engagement without the trial-and-error process.
Essential Open Graph Tags
Every page should include these core Open Graph tags for proper social sharing:
- og:title: The title of your content (60-90 characters recommended)
- og:description: A brief description (150-200 characters recommended)
- og:image: The URL of an image to display (1200×630 pixels for best results)
- og:url: The canonical URL of your page
- og:type: The type of content (website, article, product, etc.)
Twitter Card Tags
While Twitter supports Open Graph tags, it has its own set of tags (twitter:card, twitter:title, etc.) that take priority. Our preview tool generates both Open Graph and Twitter Card tags for complete social media optimization.
Debugging Social Shares
After implementing your Open Graph tags, use official debugging tools to force platforms to refresh their cache: Facebook's Sharing Debugger, Twitter's Card Validator, and LinkedIn's Post Inspector. This ensures your updated tags are reflected immediately when sharing.
For complete SEO optimization, combine Open Graph tags with proper meta tags. Create a sitemap to help search engines find all your pages, and use UTM tracking to measure social traffic in Google Analytics.