Free Social Media Preview
See how your page looks when shared on Facebook, Twitter, and LinkedIn. Check your Open Graph and Twitter Card tags.
What Are Open Graph Tags?
Open Graph (OG) tags are meta tags that control how your content appears when shared on social media platforms like Facebook, LinkedIn, and more. Without them, social networks will try to guess what image and text to display—often with poor results.
Why Social Tags Matter
- Click-Through Rates: Posts with optimized images and descriptions get significantly more clicks and engagement.
- Brand Control: Without OG tags, platforms choose random images from your page—sometimes logos, sometimes unrelated graphics.
- Consistent Branding: Ensure your content looks professional every time it's shared across different platforms.
- Rich Previews: Turn plain links into eye-catching cards with images, titles, and descriptions.
Essential Open Graph Tags
<meta property="og:title" content="Your Page Title">The title displayed in social cards. Can differ from your page title.
<meta property="og:description" content="A compelling description...">A brief description (typically 60-90 characters for Facebook).
<meta property="og:image" content="https://example.com/image.jpg">The image displayed in shares. Most important tag—images dramatically increase engagement.
<meta property="og:url" content="https://example.com/page">The canonical URL. Helps prevent duplicate content issues on social platforms.
<meta property="og:type" content="article">Content type. Common values: "website", "article", "product".
Social Image Specifications
Facebook / LinkedIn
- Size: 1200 x 630 pixels
- Ratio: 1.91:1
- Min: 600 x 315 pixels
- Format: JPG, PNG, WebP
- File size: Under 8MB
Twitter / X
- Summary Card: 144 x 144 (1:1)
- Large Image: 800 x 418 (2:1)
- Max: 4096 x 4096
- Format: JPG, PNG, WebP, GIF
- File size: Under 5MB
- Size: 1000 x 1500 pixels
- Ratio: 2:3 (vertical)
- Format: JPG, PNG
- File size: Under 20MB
Pro Tip: One Image for Most Platforms
If you only create one social image, make it 1200 x 630 pixels. This works well on Facebook, LinkedIn, and Twitter (with their large image card). Keep important content (text, faces, products) in the center to avoid cropping issues.
Twitter Card Tags
Twitter has its own meta tags for "Twitter Cards." If not present, Twitter will fall back to Open Graph tags. However, setting Twitter-specific tags gives you more control.
<meta name="twitter:card" content="summary_large_image">Card type: "summary", "summary_large_image", "app", or "player".
<meta name="twitter:site" content="@yourusername">Your Twitter handle. Creates attribution link.
<meta name="twitter:title" content="Your Title">Falls back to og:title if not set.
<meta name="twitter:image" content="https://...">Falls back to og:image if not set.
Platform Debugging Tools
After updating your social tags, use these official tools to see exactly what each platform will display:
- Facebook Sharing Debugger: developers.facebook.com/tools/debug/
- Twitter Card Validator: cards-dev.twitter.com/validator
- LinkedIn Post Inspector: linkedin.com/post-inspector/
Cache Clearing
Social platforms cache your tags. If you update them and still see old data, use the Facebook Debugger's "Scrape Again" button to refresh. LinkedIn and Twitter caches typically expire after a few hours.
Optimize Your Content, Not Just Your Social Tags
Great social tags get clicks, but great content keeps readers engaged. Content Raptor helps you create content that ranks well in search AND converts visitors into customers.
Try Content Raptor Free for 7 DaysNo credit card required • Cancel anytime
Social sharing is one of the best ways to drive traffic to your content. Take the time to create compelling images and write descriptions that make people want to click.