Build Your Open Graph Tags
Basic Information
Image Settings
Additional Settings
Generate Perfect Open Graph Tags for Social Media
Make your website pages look stunning when shared on Facebook, LinkedIn, WhatsApp, Slack, and more
Open Graph (OG) tags are meta tags that control how your web pages appear when shared on social media platforms. Without proper OG tags, social networks will guess what title, description, and image to show — often with poor results. Our generator helps you create perfect OG tags in seconds.
What are Open Graph Tags?
Open Graph is a protocol created by Facebook that allows web pages to become rich objects in a social graph. When you share a URL on Facebook, LinkedIn, WhatsApp, Slack, or other platforms, OG tags tell these platforms exactly what title, description, image, and other information to display. This gives you full control over how your content appears in social feeds.
Key Features
Live Preview
See exactly how your page will look when shared on social media before publishing.
Multiple Content Types
Support for website, article, product, video, music, and profile content types.
Image Optimization
Set exact image dimensions for crisp, professional-looking social previews.
One-Click Copy
Copy generated tags instantly and paste them into your HTML head section.
100% Client-Side
All processing happens in your browser. No data is sent to any server.
Standards Compliant
Generated tags follow the official Open Graph protocol specification.
Best Practices
- Keep og:title under 60 characters for optimal display across all platforms.
- Write og:description between 100-200 characters for best engagement.
- Use images with dimensions of 1200x630 pixels for best quality on Facebook and LinkedIn.
- Always include og:url to ensure the canonical URL is used when sharing.
- Test your OG tags using Facebook's Sharing Debugger after implementing them.
- Update OG tags whenever you change page content or images.
Frequently Asked Questions
Where do I put Open Graph tags?
Place OG tags inside the <head> section of your HTML page. They should be <meta> tags with property and content attributes.
What's the ideal OG image size?
The recommended size is 1200x630 pixels. Facebook requires a minimum of 200x200 pixels, and images under 600x315 pixels will show as small thumbnails.
Do OG tags affect SEO?
OG tags don't directly affect search rankings, but they significantly improve click-through rates from social media, which can indirectly boost your SEO through increased traffic and engagement.
How do I test my OG tags?
Use Facebook's Sharing Debugger (developers.facebook.com/tools/debug/) to test how your page will look when shared. LinkedIn also has a Post Inspector tool.