Facebook Open Graph Preview Tool
Preview how your links appear on Facebook. Test your Open Graph meta tags and optimize your Facebook link previews for maximum engagement.
Loading Facebook preview...
Facebook Open Graph Guide
How Facebook Uses Open Graph Tags
Facebook was the original creator of the Open Graph protocol in 2010, and it remains the platform with the most comprehensive OG tag support. Facebook uses OG tags to generate rich link previews in posts, comments, and messages.
Where Facebook Shows Open Graph Previews
- News Feed - When users share links in posts
- Comments - Link previews in comment threads
- Messages - Preview cards in Facebook Messenger
- Groups - Link previews in group posts
- Pages - When pages share content
Facebook Image Dimensions & Requirements
- Recommended size: 1200×630px (1.91:1 aspect ratio)
- Minimum size: 200×200px (but 600×315px recommended)
- Maximum file size: 8MB (aim for under 1MB for faster loading)
- Supported formats: JPG, PNG, WebP, GIF
Image Best Practices for Facebook
- Use high-quality images with good contrast
- Keep text large and readable (minimum 40px font size)
- Leave a 100px safe zone around edges (Facebook may crop slightly)
- Include your brand logo or visual identity
- Test on both desktop and mobile views
Required Facebook Open Graph Tags
Facebook requires these four essential Open Graph tags for proper link previews:
<!-- Essential Open Graph Tags for Facebook -->
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="Your page description" />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />Recommended Additional Tags
og:site_name- Your site name (appears below the title)og:locale- Language locale (e.g., en_US, es_ES)og:image:widthandog:image:height- Image dimensions for faster renderingog:image:alt- Alt text for accessibility
Debugging Facebook Link Previews
Facebook provides the Facebook Sharing Debugger for testing and debugging. Use it to:
- Preview how your link will appear on Facebook
- View all detected Open Graph tags
- Clear Facebook's cache for your URL
- Identify errors and warnings
Common Facebook Open Graph Mistakes
1. Using relative image URLs:
❌ <meta property="og:image" content="/images/og.jpg" />
✅ <meta property="og:image" content="https://example.com/images/og.jpg" />
2. Images that are too small: Use at least 600×315px for large previews.
3. Not clearing Facebook's cache: After updating tags, use the Facebook Sharing Debugger to force a refresh.
Implementation Example (Nuxt 3)
useSeoMeta({
ogTitle: 'Your Page Title',
ogDescription: 'Your compelling description',
ogImage: 'https://example.com/og-image.jpg',
ogUrl: 'https://example.com/page',
ogType: 'website',
ogSiteName: 'Your Site Name',
ogLocale: 'en_US',
ogImageWidth: '1200',
ogImageHeight: '630'
})Facebook Open Graph FAQ
What image size should I use for Facebook Open Graph?
Facebook recommends 1200×630px (1.91:1 aspect ratio) for optimal display. Minimum size is 200×200px, but 600×315px or larger is recommended for best quality. Images under 600×315px may appear as small thumbnails instead of large previews.
How do I clear Facebook's cache for my Open Graph tags?
Use the Facebook Sharing Debugger to scrape your URL again. Enter your URL and click "Debug", then click "Scrape Again" to force Facebook to refresh the cached Open Graph data.
What are the required Open Graph tags for Facebook?
Facebook requires four essential tags: og:title, og:description, og:image, and og:url. Also include og:type (usually "website" or "article") for best results. Facebook created the Open Graph protocol, so it has the most comprehensive support.
Why isn't my Facebook link preview updating?
Facebook caches Open Graph data aggressively for 24+ hours. After updating your tags, use the Facebook Sharing Debugger to force a cache refresh. Also ensure your image URLs are absolute (starting with https://) and publicly accessible.
Can I use GIFs for Facebook Open Graph images?
Yes, Facebook supports GIF, JPG, PNG, and WebP formats for OG images. However, animated GIFs will only show the first frame in the link preview. For best performance, use optimized JPG or PNG files under 1MB.
How do I test Facebook link previews without posting?
Use our free Facebook preview tool above to instantly see how your links will appear. You can also use the official Facebook Sharing Debugger, which shows exactly how Facebook parses your Open Graph tags without actually posting to your feed.
Preview All Platforms at Once
See how your links appear on Facebook, Twitter, LinkedIn, Slack, Discord, WhatsApp, Telegram, and iMessage - all in one view.
Try the Full Preview Tool