Open Graph Tags: The Complete 2026 Guide
Key Fact: Links with proper OG tags get 2x more engagement on social media. Yet 40% of websites still have missing or broken Open Graph implementation.
What Are Open Graph Tags?
Open Graph (OG) tags are meta tags in your HTML that control how your content appears when shared on social media. They tell Facebook, LinkedIn, Twitter, and other platforms what title, description, and image to display in link previews.
Originally created by Facebook in 2010, Open Graph has become the standard for social sharing. Without OG tags, platforms guess what to show—often with ugly or irrelevant results.
The Essential OG Tags
og:title
The headline shown in the preview. Keep it under 60 characters for best display.
og:description
A brief summary of your content. Aim for 155-200 characters.
og:image
The preview image. This is the most important tag—images drive 94% of social engagement.
og:url
The canonical URL of your page. Prevents duplicate content issues.
og:type
The type of content: website, article, product, video, etc.
Image Requirements by Platform
| Platform | Recommended Size | Aspect Ratio |
|---|---|---|
| 1200 x 630 px | 1.91:1 | |
| 1200 x 628 px | 1.91:1 | |
| 1200 x 627 px | 1.91:1 | |
| Discord | 1280 x 720 px | 16:9 |
💡 Pro Tip: Use 1200 x 630 pixels as your universal image size. It works well across all major platforms.
Twitter Cards
Twitter uses its own meta tags in addition to Open Graph. For best results, include both:
Card types: summary (small image), summary_large_image (big image),player (video), or app (mobile app).
Complete Example
Common Mistakes to Avoid
- ❌ Relative image URLs — Always use absolute URLs starting with https://
- ❌ Images too small — Under 200x200 may not display on some platforms
- ❌ Missing image — Platforms pull random images from your page
- ❌ Title too long — Gets truncated and looks unprofessional
- ❌ Duplicate tags — Only one of each tag type per page
- ❌ Not testing — Always verify with platform debuggers
Testing Your OG Tags
Facebook Sharing Debugger
developers.facebook.com/tools/debug — Validates tags and clears Facebook's cache
Twitter Card Validator
cards-dev.twitter.com/validator — Preview your Twitter card
LinkedIn Post Inspector
linkedin.com/post-inspector — Check how links appear on LinkedIn
Generate Your OG Tags Instantly
Don't write OG tags by hand. Use our free OG Tags Generator to create perfectly formatted meta tags in seconds. Just enter your page details and copy the code.
Key Takeaways
- 📱 OG tags control how your links appear on social media
- 🖼️ og:image is the most important tag — use 1200x630 px
- 🐦 Include Twitter Card tags for X/Twitter optimization
- 🔗 Always use absolute URLs for images
- 🧪 Test with platform debuggers before publishing
- 📈 Proper OG tags can double your social engagement