Open Graph Preview
Preview how your content appears when shared on Facebook, Twitter, and LinkedIn. Generate Open Graph and Twitter Card meta tags with one-click copy.
Recommended: 1200x630px
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">Frequently Asked Questions
What are Open Graph tags?
Open Graph (OG) tags are HTML meta tags that control how your web pages appear when shared on social media platforms like Facebook, LinkedIn, and others. They specify the title, description, image, and URL for the share preview card. Without OG tags, platforms auto-generate previews that may not represent your content well.
What is the recommended image size for Open Graph?
The recommended Open Graph image size is 1200x630 pixels for optimal display across platforms. Facebook requires a minimum of 600x315 pixels. For Twitter, 1200x628 pixels works best for summary_large_image cards. Always use high-quality images with a 1.91:1 aspect ratio.
How do Twitter Cards differ from Open Graph tags?
Twitter Cards use their own meta tags (twitter:card, twitter:title, twitter:description, twitter:image) but can fall back to Open Graph tags if Twitter-specific tags are not present. Twitter supports different card types: summary, summary_large_image, app, and player. Including both OG and Twitter tags gives you full control over how content appears on each platform.
How can I debug my Open Graph tags?
You can use platform-specific debuggers: Facebook Sharing Debugger (developers.facebook.com/tools/debug), Twitter Card Validator (cards-dev.twitter.com/validator), and LinkedIn Post Inspector (linkedin.com/post-inspector). These tools fetch your page and show exactly how the share preview will look.