Open Graph Generator
Generate Open Graph meta tags for social media sharing. Create og:title, og:description, og:image, og:url, og:type tags with live preview. Perfect for Facebook, LinkedIn, and Discord sharing. Free online Open Graph generator.
Frequently Asked Questions
What are Open Graph tags?
Open Graph (OG) is a protocol created by Facebook that allows web pages to become rich objects in social media. When someone shares your URL on Facebook, LinkedIn, Discord, Slack, or Twitter, these platforms read the OG tags to display a rich preview with a title, description, and image. Without OG tags, platforms guess what to show โ often with poor results.
What is the recommended image size for Open Graph?
The recommended size is 1200ร630 pixels with an aspect ratio of 1.91:1. This ensures your image displays correctly across all platforms. Use images under 8MB in size (preferably under 1MB for fast loading). Supported formats include JPG, PNG, and GIF. For best results, keep important content in the center, as some platforms may crop the image.
What is the difference between og:title and the HTML title tag?
The HTML <title> tag is shown in browser tabs and search engine results. The og:title tag is specifically for social media sharing. They can be different โ for example, your page title might be "Best Coffee Makers 2026 | Review Site" (optimized for Google), while your og:title might be "The 10 Best Coffee Makers We Tested This Year" (optimized for social engagement).
Do I need Twitter Card tags if I have Open Graph?
Twitter falls back to Open Graph tags if no Twitter Card tags are present. However, using explicit Twitter Card tags gives you more control over how your content appears on Twitter/X. If you want the same content on both platforms, OG tags alone are sufficient. For different content on Twitter, add Twitter Card tags.
How do I test my Open Graph tags?
After adding the tags to your page, use the official debugging tools: Facebook Sharing Debugger (developers.facebook.com/tools/debug/) for Facebook/OG validation, and Twitter Card Validator for Twitter preview. These tools show you exactly how your link will appear and flag any issues with missing or incorrect tags.
Is this tool free?
Yes, completely free with no sign-up required. All generation happens in your browser โ no data is sent to any server.