Open Graph Meta Generator
Generate open-graph and social media HTML meta tags for your website. Optimize how your content appears when shared on Facebook, Twitter, LinkedIn and other social platforms.
- Free Online Tools
- /
- Open Graph Meta Generator
Generated Meta Tags
What are Open Graph meta tags?
Open Graph meta tags are HTML meta elements that control how URLs are displayed when shared on social media platforms like Facebook, Twitter, LinkedIn, and others. These tags provide structured data about your webpage, including the title, description, image, and type of content.
When you share a link on social media, the platform uses these Open Graph tags to create an attractive preview card with an image, title, and description. This greatly improves engagement and click-through rates compared to plain text links.
What are the essential Open Graph meta tags?
The four essential Open Graph meta tags that every webpage should have are:
- og:title - The title of your page as it should appear in social media
- og:description - A brief description of the page content
- og:image - The URL to an image that represents your page
- og:url - The canonical URL of your page
Additionally, og:type
helps specify the type of content (website, article, product, etc.) and og:site_name
identifies your website or brand name.
What image dimensions work best for Open Graph images?
The recommended dimensions for Open Graph images are 1200x630 pixels (1.91:1 aspect ratio). This size works optimally across all major social media platforms including Facebook, Twitter, LinkedIn, and others.
- Minimum recommended size: 600x314 pixels
- Maximum file size: Generally under 5MB for best performance
- Supported formats: JPG, PNG, WebP, and GIF
- Avoid images with too much text, as they may be penalized by some platforms
How do I test my Open Graph meta tags?
You can test your Open Graph meta tags using several free debugging tools:
- Facebook Sharing Debugger - Official tool from Facebook to preview and debug Open Graph tags
- Twitter Card Validator - Twitter's tool for validating Twitter Card meta tags
- LinkedIn Post Inspector - LinkedIn's tool for previewing how posts will appear
- Open Graph Check - Third-party tools that validate multiple platforms at once
These tools will show you exactly how your page will appear when shared and highlight any missing or problematic tags.