🖼️ How to Fix Missing OG Tags
The complete 2026 guide to fixing broken social previews on Facebook, Twitter, LinkedIn, and every app that reads Open Graph tags.
Published: May 2, 2026 · 8 min read
You've shared a link on Facebook, Twitter, or Slack — and instead of a rich, beautiful preview, you see a blank grey box, wrong text, or just the URL.
This happens because your Open Graph (OG) tags are missing, broken, or outdated. In this guide, you'll learn exactly what's wrong and how to fix it — with free tools you can use right now.
🤔 What Are Open Graph Tags?
Open Graph tags are <meta> tags in your page's <head> that tell social platforms exactly what to show when your URL is shared. They were created by Facebook in 2010 and are now used by virtually every platform.
Essential OG Tags Every Page Needs:
<meta property="og:title" content="Your Page Title">
<meta property="og:description" content="A compelling 150-160 char description">
<meta property="og:image" content="https://yoursite.com/social-preview.jpg">
<meta property="og:url" content="https://yoursite.com/page">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Your Site Name">Without these tags, Facebook will guess what to show — and it usually guesses wrong.
🔍 The 5 Most Common OG Tag Problems
1. No OG tags at all
Your page has zero Open Graph tags. This is the most common issue — especially on static sites, older CMS templates, or pages built before 2020. Facebook shows just the URL (no image, no description).
2. Missing og:image (the biggest problem)
This accounts for ~70% of broken previews. Without og:image, Facebook shows a grey box. Twitter shows nothing. LinkedIn shows a blank card. Image posts get 2.3x more engagement — missing this tag is leaving engagement on the table.
3. Wrong image dimensions
OG images should be 1200×630px (1.91:1 ratio). Smaller than 200×200 or wrong aspect ratios get ignored. Twitter summary_large_image prefers 1200×600px (2:1).
4. Description too long or missing
Facebook truncates at ~200 characters. LinkedIn at ~256. Keep og:description under 160 characters for maximum readability across platforms.
5. Platform cache (the invisible enemy)
You fixed your OG tags but Facebook still shows the old preview? Facebook and Twitter aggressively cache previews. You need to manually force a re-scrape using their debugger tools. Our preview tool always fetches fresh — no cache to worry about.
🛠️ How to Fix Missing OG Tags — Step by Step
Step 1: Check what's there now
Use our free Meta Tag Preview Tool. Paste your URL and you'll see exactly what Google, Facebook, and Twitter would show. It also shows the raw tags so you can see what's missing.
Step 2: Add the missing tags
Add the OG tags to your page's <head> section. If you're starting from scratch, use our Meta Tag Generator to create all tags at once.
Step 3: Add Twitter Card tags
Twitter reads OG tags as a fallback, but for best results, also add Twitter-specific tags:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Your Page Title">
<meta name="twitter:description" content="Your description">
<meta name="twitter:image" content="https://yoursite.com/twitter-card.jpg">Step 4: Deploy and re-validate
After adding the tags and deploying, run your URL through our preview tool again to confirm they're being picked up. Then force a re-scrape on each platform:
- Facebook: Sharing Debugger
- Twitter/X: Card Validator
- LinkedIn: Post Inspector
🐦 Twitter Cards vs OG Tags — Do You Need Both?
The short answer: add both, but OG is the priority.
Twitter's parser follows this fallback chain: twitter:card tags → og: tags → page content guess. Without any twitter:card, it still reads og:title and og:image. The only tag that's Twitter-specific is twitter:card ("summary" or "summary_large_image"), which controls whether the image appears large or small.
📊 Platform-by-Platform Requirements
| Platform | Required Tags | Image Size | Cache Duration |
|---|---|---|---|
| og:title, og:image, og:description | 1200×630px | ~30 days (or until re-scraped) | |
| Twitter/X | twitter:card + OG tags | 1200×600px (2:1) | ~7 days |
| OG tags (reads Facebook-style) | 1200×627px | ~7 days | |
| Slack/Discord | OG tags | auto-sized | varies per app |
| WhatsApp/Telegram | OG tags | auto-sized (small preview) | varies |
🚀 Quick Fix Checklist
- Check current tags with the Meta Preview Tool
- Add missing
og:title,og:description,og:image - Ensure
og:imageis at least 1200×630px, under 5MB, served over HTTPS - Add Twitter Card tags (
twitter:cardat minimum) - Deploy and re-check with preview tool
- Force re-scrape using Facebook Debugger + Twitter Validator
- Wait 24 hours and check again — if tags still don't appear, investigate server-side rendering (JS frameworks may not serve tags in the initial HTML)
48 free developer tools. No ads. No signup. 100% free forever.
📊 Professional Email Health Report
Liked this article? Put it into practice — get a personalized email deliverability audit for your domain.
Get Fix Report — €9 →