Open Graph Meta Tag Generator
Generate Open Graph meta tags for social media sharing. Optimize your Facebook, LinkedIn, and Twitter previews with custom images, titles, and descriptions.
Basic Information
0/60 characters (recommended: 40-60)
0/200 characters (recommended: 110-160)
The canonical URL of your page
Open Graph Image
Recommended: 1200x630px (1.91:1 ratio), under 5MB
Twitter Card Settings
Facebook Settings (Optional)
Required for Facebook Insights
Image Validation
Validates image dimensions and provides optimization recommendations.
Live Preview
See exactly how your content will appear on social media platforms.
Complete Tags
Generates all necessary Open Graph and Twitter Card meta tags.
Frequently Asked Questions
What are Open Graph meta tags?
Open Graph meta tags are HTML meta tags that control how your content appears when shared on social media platforms like Facebook, LinkedIn, and Twitter. They define the title, description, image, and other metadata shown in social media previews.
What is the recommended Open Graph image size?
The recommended Open Graph image size is 1200x630 pixels (1.91:1 aspect ratio). This ensures your images display correctly across all social media platforms. The minimum size is 600x315 pixels, and images should be under 5MB for optimal loading.
What's the difference between og:type values?
og:type defines the content category: 'website' for general pages, 'article' for blog posts and news (includes author, publish date), 'product' for e-commerce items (includes price, availability), and 'video' for video content (includes video URL, duration).
What are Twitter Card tags?
Twitter Card tags are meta tags specific to Twitter that control how links appear on Twitter. While Twitter also reads Open Graph tags, Twitter Cards provide additional options like 'summary_large_image' for large images or 'summary' for smaller thumbnails.
Do I need both Open Graph and Twitter Card tags?
Yes, for best results include both. While Twitter can fall back to Open Graph tags, Twitter Card tags provide better control over Twitter-specific features. Other platforms (Facebook, LinkedIn) primarily use Open Graph tags.
How do I test my Open Graph tags?
Use Facebook's Sharing Debugger (developers.facebook.com/tools/debug/), LinkedIn's Post Inspector, and Twitter's Card Validator to preview how your tags will appear. These tools also help debug issues and clear cache after updates.
What is fb:app_id for?
fb:app_id is your Facebook App ID used to associate your website with your Facebook app. This enables Facebook Insights analytics and is required for some advanced Facebook features. It's optional for basic Open Graph functionality.
Can I use relative URLs for og:image?
No, og:image must be an absolute URL (starting with http:// or https://). Social media platforms need to access the image directly, so relative URLs won't work. Always use the full URL including domain name.