← Back to SEO Studio
📱
Technical SEO
Open Graph Generator
Social media preview tags
🔧 OPEN GRAPH GENERATOR
<meta property="og:title" content="Best Running Shoes 2025" /> <meta property="og:description" content="Expert picks for marathon runners and beginners" /> <meta property="og:url" content="https://example.com/running-shoes" /> <meta property="og:image" content="https://example.com/og-image.jpg" /> <meta property="og:type" content="article" /> <meta property="og:site_name" content="My Site" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Best Running Shoes 2025" /> <meta name="twitter:description" content="Expert picks for marathon runners and beginners" /> <meta name="twitter:image" content="https://example.com/og-image.jpg" />
❓ Frequently Asked Questions
Common questions about Open Graph Generator
What is Open Graph?▼
Facebook protocol for controlling how URLs display when shared on social media. Used by Facebook, LinkedIn, WhatsApp, Slack.
Free OG generator?▼
Yes, 100% free. Generate OG tags + Twitter cards. Preview before adding to site.
Essential OG tags?▼
og:title, og:description, og:image, og:url, og:type, og:site_name. These are minimum required.
OG image specs?▼
1200x630 px ideal. Aspect ratio 1.91:1. Under 8MB. Show clear focus. Brand visible.
Twitter cards?▼
Twitter version of OG. summary_large_image best for content. Add separately or use OG fallback.
Test OG tags?▼
Facebook Sharing Debugger, LinkedIn Post Inspector, Twitter Card Validator. Free tools.
Cache issues?▼
Facebook caches OG data. Use debugger to refresh after changes. Without refresh, old preview shows.
WordPress OG?▼
Yoast SEO, Rank Math handle automatically. Or manually add to header.php. Tool generates raw HTML.