OG Tag Preview - Open Graph Meta Tag Checker
Enter your Open Graph and Twitter Card values to see live social media previews. Generate ready-to-use meta tag code instantly.
What Are Open Graph Meta Tags?
Open Graph (OG) meta tags are HTML meta elements that control how your web pages appear when shared on social media platforms like Facebook, Twitter, LinkedIn, and Discord. They define the title, description, image, and URL that appear in social media preview cards. Properly configured OG tags can significantly improve click-through rates from social shares.
How to Use This OG Tag Preview Tool
- Enter OG Values — Fill in og:title, og:description, og:image URL, og:url, og:type, and og:site_name
- Add Twitter Card Tags — Optionally override title, description, and image for Twitter/X cards
- Check Live Previews — See exactly how your page will look on Facebook, Twitter, LinkedIn, and Discord
- Copy Generated Code — Click Copy Code to get ready-to-paste HTML meta tags for your page
Why Use This OG Tag Previewer?
- 4 Platform Previews — See Facebook, Twitter/X, LinkedIn, and Discord previews simultaneously
- Real-Time Updates — Previews update instantly as you type, no page reload needed
- Code Generation — Automatically generates properly formatted meta tag HTML code
- Twitter Card Support — Separate fields for Twitter-specific overrides (twitter:title, twitter:image, etc.)
- No Server Required — Everything runs in your browser. No data sent to any server
- Size Guidelines — Built-in recommendations for optimal image dimensions (1200x630px)
FreeToolbox vs Other OG Preview Tools
| Feature | FreeToolbox | OpenGraph.xyz | MetaTags.io |
|---|---|---|---|
| Platforms | 4 (FB, TW, LI, DC) | 3 (FB, TW, LI) | 3 (Google, FB, TW) |
| Real-time Preview | Yes | Yes | Yes |
| Code Generation | Yes | Yes | Yes |
| Discord Preview | Yes | No | No |
| No Account Required | Yes | Yes | Free tier limited |
| Ads | Minimal | Moderate | Heavy |
FAQ
What is the recommended og:image size?
The recommended size is 1200 x 630 pixels (1.91:1 aspect ratio). This works well across Facebook, Twitter, LinkedIn, and Discord. Use PNG or JPG format, and keep file size under 8MB.
Why can't this tool fetch OG tags from a URL?
Browser security (CORS policy) prevents JavaScript from fetching content from other domains. This tool uses manual input instead, which is actually better for previewing tags before you publish them.
Do I need both OG and Twitter Card tags?
Twitter/X will fall back to OG tags if Twitter-specific tags are missing. However, adding twitter:card is recommended to control the card type. Use Twitter-specific tags only if you want different content on Twitter vs other platforms.
What og:type should I use?
Use 'website' for homepages and general pages, 'article' for blog posts and news, 'product' for product pages. The default 'website' works for most cases.
How do I test my actual live OG tags?
After adding the meta tags to your page, use Facebook's Sharing Debugger (developers.facebook.com/tools/debug), Twitter Card Validator, and LinkedIn Post Inspector to verify the tags are working correctly.