Open Graph Generator
Create Open Graph and Twitter Card meta tags for optimized social media sharing. Live preview for Facebook, Twitter, and LinkedIn.
Enter Your Details
What are Open Graph Tags?
Open Graph tags are meta tags that control how your content appears when shared on social media platforms like Facebook, LinkedIn, Twitter, and Slack. Developed by Facebook, the Open Graph protocol lets you define the title, description, image, and type of content for any webpage.
Without Open Graph tags, social platforms will attempt to scrape your page and often produce unattractive or inaccurate previews — random images, truncated titles, and pulled text that doesn't represent your content well.
Why Open Graph Tags Matter
- Control Your Brand: Define exactly how your content looks when shared across all social platforms
- Increase Click-Through Rates: Rich previews with compelling images increase clicks by up to 40%
- Prevent Misrepresentation: Stop social platforms from pulling random images or text from your page
- Improve Social Engagement: Well-crafted OG tags make content more shareable and engaging
- LinkedIn & Slack Support: Both platforms use OG tags to generate link previews
- 100% Free to Implement: Just add tags to your page's <head> section
Essential Open Graph Tags
- og:title — The title of your content (60-90 characters recommended)
- og:description — A brief description (155-200 characters recommended)
- og:image — The image shown in the preview (1200×630px recommended)
- og:url — The canonical URL of your page
- og:type — The type of content (website, article, product)
- og:site_name — Your website or brand name
Related Free SEO Tools
- Meta Tag Analyzer — Audit all your meta tags
- Hreflang Generator — International SEO tags
- Schema Generator — JSON-LD structured data
- View All Free SEO Tools →
Frequently Asked Questions
What are Open Graph tags?
Open Graph tags are HTML meta tags that control how your content appears when shared on social media. Developed by Facebook, they let you define the title, description, image, and content type that platforms like Facebook, LinkedIn, and Slack display in link previews.
What image size should I use for Open Graph?
The recommended Open Graph image size is 1200×630 pixels with a 1.91:1 aspect ratio. This size works well on all platforms including Facebook, LinkedIn, and Twitter. Use PNG or JPG format and keep the file size under 5MB. Avoid putting important content near the edges as some platforms may crop the image.
What is the difference between og:title and the page title?
The page title (in the <title> tag) appears in browser tabs and search results. The og:title is used specifically for social media sharing previews. You can use different text for each — for example, your page title might be "Meta Tag Analyzer | Free SEO Tool" while your og:title might be "Free Meta Tag Analyzer — Check Your SEO Tags Instantly."
Do I need both Open Graph and Twitter Card tags?
Yes, ideally. Twitter uses its own Twitter Card tags (twitter:card, twitter:title, etc.) for previews. If Twitter Card tags are missing, Twitter will fall back to Open Graph tags, but having both ensures the best display on each platform. This generator creates both sets for you.
Where do I place Open Graph tags on my page?
Open Graph meta tags must be placed in the <head> section of your HTML, before the </head> closing tag. In WordPress, you can add them via an SEO plugin like Rank Math or Yoast SEO, or manually via your theme's header.php file or a custom plugin.
Is this Open Graph generator free?
Yes, 100% free with unlimited usage, no signup required, and no hidden costs. Generate Open Graph tags for as many pages as you need and copy or download the code instantly.
Make Every Share Count
I've implemented Open Graph strategies for 2,000+ websites — turning passive social shares into high-CTR traffic drivers. Let me audit your social meta setup and maximize your content's reach across every platform.