How to Fix a Missing OG Image
Step-by-step troubleshooting when og:image is empty, broken, or not showing in social link previews.
A missing og:image is one of the most common Open Graph failures. The link still shares, but without a visual — and click-through rate drops sharply. Here is a systematic fix.
1. Confirm the tag exists in server HTML
View the page source (not DevTools Elements after JavaScript runs). Search for og:image. If it is missing, add it to your <head>:
<meta property="og:image" content="https://yoursite.com/images/og.jpg" />
Client-side frameworks that inject meta tags after load will not work for most crawlers.
2. Use an absolute HTTPS URL
Wrong:
<meta property="og:image" content="/images/og.jpg" />
Correct:
<meta property="og:image" content="https://yoursite.com/images/og.jpg" />
3. Verify the image is publicly reachable
Open the image URL in an incognito browser window. Common blockers:
- Login walls or paywalls on the image path
robots.txtdisallowing the image directory- Bot protection (Cloudflare challenges, rate limits)
- Hotlink protection on CDNs
- Expired signed URLs
4. Check image dimensions and format
Use 1200 × 630 px, JPG or PNG, under 1 MB. Undersized images may be ignored or appear blurry.
5. Add Twitter fallback
Some tools only check twitter:image. Mirror the same URL:
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yoursite.com/images/og.jpg" />
6. Clear platform caches after fixing
Even after you fix the tag, platforms cache old previews:
- Facebook — Sharing Debugger
- LinkedIn — Post Inspector
- X — Card Validator
7. Scan before and after
Run your URL through OpenGraph Check to confirm the image is detected, reachable, and rendering correctly across platforms — in one pass.