Why Facebook Link Previews Break
You share your latest article or product page on Facebook, and instead of a beautiful, eye-catching card, all you see is a plain text link or a generic gray fallback box.
A missing or broken preview image can destroy your click-through rate (CTR). Research shows that links with rich social cards receive up to 2× more clicks than plain text links.
When your Facebook preview fails to render, it is usually because of a small syntax error in your meta tags, a server configuration issue, or a stale cache.
The Top 5 Reasons Facebook Rejects Your OG Image
1. The Image File Size Exceeds 8 MB
Facebook has a maximum file size limit of 8 MB for preview images. If your image exceeds this, Facebook's crawler will ignore it and show a text-only card.
The Fix: Compress your images using PNGQuant or TinyPNG. For optimal performance and speed, keep your social card images under 500 KB.
2. You Are Using a Relative URL
Open Graph image paths must be absolute URLs that start with https://. Facebook's crawler is an external service and does not know where to look if you specify a relative folder path.
<!-- ❌ Broken relative path -->
<meta property="og:image" content="/images/social-share.png" />
<!-- ✅ Correct absolute URL -->
<meta property="og:image" content="https://www.yoursite.com/images/social-share.png" />3. Your Image is Below the 200×200 Pixel Minimum
Facebook enforces a strict minimum size of 200×200 pixels for social card images. If your image is even one pixel smaller, it will not display at all.
For a full-width, rich card preview, Facebook recommends using images that are at least 1200×630 pixels (a 1.91:1 aspect ratio).
4. Facebook Is Showing a Stale Cached Version
Facebook caches link preview metadata heavily to optimize page load speeds. If you upload a page, find an error, fix your meta tags, and re-share, Facebook will continue to display the original broken preview from its database.
The Fix: Force a refresh using the Facebook Sharing Debugger:
- Paste your URL into the input field.
- Click Debug.
- Click Scrape Again to force Facebook's crawler to re-fetch your page and update its index.
5. Server Security / Hotlink Protection is Blocking Crawlers
Many CDNs and hosting providers (like Cloudflare) enable hotlink protection by default to prevent other sites from stealing your bandwidth. However, this protection also blocks social media crawlers. When Facebook tries to load your image, your server returns a 403 Forbidden error.
The Fix: Make sure your CDN configuration allows requests from Facebook's official user-agent: facebookexternalhit.
The Importance of Pixel-Perfect Mockups
Checking that tags exist in the HTML is only half the battle. Because Facebook uses different card layouts based on image dimensions, you must inspect the actual visual rendering.
If your image is wide enough (greater than 445px wide, 232px high, and has an aspect ratio above 0.797), Facebook will display an expanded full-width card. If it falls below these numbers, Facebook crops it into a compact square thumbnail aligned to the left of your text.
Standard metadata parsers cannot show you which layout Facebook will select. LinkPeek's preview engine simulates Facebook's exact aspect ratio rules, rendering a pixel-perfect mockup so you can make sure your key branding assets stay in the frame.
Facebook Open Graph Template
Here is the correct meta tag template to ensure your page renders as a full-width card on Facebook:
<meta property="og:title" content="Your Headline (under 88 characters)" />
<meta property="og:description" content="A brief summary of your page (under 200 characters)" />
<meta property="og:image" content="https://www.yoursite.com/images/share-card.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:url" content="https://www.yoursite.com/page-url" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your Brand Name" />FAQ: Facebook Previews
Q: How do I force Facebook to update a link preview?
A: Go to the Facebook Sharing Debugger, paste your page URL, click "Debug", and then click "Scrape Again". This clears the cache immediately.
Q: Can I use SVG images for Facebook previews?
A: While Facebook supports SVG, other platforms (like WhatsApp and Twitter) will reject SVG images. For universal sharing compatibility, use JPG or PNG.
Q: Why does Facebook crop my rectangular image into a small thumbnail?
A: If the image width is below 445px or the height is below 232px, Facebook defaults to a compact thumbnail layout instead of a full-width card. Check your layout visually with LinkPeek to verify.