How to Fix Broken Social Media Link Previews (Facebook, LinkedIn, Twitter)

Your link preview looks terrible. The image is missing or distorted. The headline is truncated or shows the wrong text. The description is incomplete or nonsensical. Someone shares your blog post on Facebook, and it looks like a broken, amateurish mess.

This isn’t just embarrassing—it’s actively losing you clicks. People see a broken preview and scroll past without clicking. A professional, visually appealing preview gets 2-3x more clicks.

I’ve helped hundreds of websites fix broken link previews, and most people don’t realize how simple the fix is. In this guide, I’m showing you exactly how to diagnose the problem, fix it, and prevent it from happening again.

Why Link Previews Matter (And Why Most Are Broken)

When someone shares your link on Facebook, LinkedIn, Twitter, or Slack, these platforms don’t just show the URL. They “scrape” your page for metadata—your headline, description, and image. They assemble this into a preview that shows up in feeds.

A professional preview with a relevant, visually appealing image gets 2-3x more clicks than a broken or generic one. A compelling headline and description push that even higher. But most websites have broken previews because they’ve never set up Open Graph tags or haven’t validated them.

The problem compounds. A broken preview signals to viewers that your site is unprofessional or outdated. It damages credibility before someone even visits your page.

The good news: fixing broken previews is fast and requires no technical skill. I’ll walk you through it step by step.

The Root Causes of Broken Link Previews

Broken previews fall into a few categories:

Problem 1: Missing Open Graph Tags Entirely

If your website has no Open Graph tags (og:title, og:image, og:description), platforms display random or generic information. They might show a logo, pull text from the footer, or show no image at all.

Most WordPress sites created before 2015, or custom websites without SEO plugins, have no OG tags.

Problem 2: Incorrect or Malformed OG Tags

If your OG tags exist but have errors—missing quotation marks, wrong syntax, incorrect URLs—platforms can’t parse them. The preview displays incorrectly or incompletely.

Problem 3: Cached Old Data

Platforms cache metadata for performance. If you update your OG tags but don’t clear the cache, old previews still appear. This is the most common issue after fixing tags—you fix the tags but the preview hasn’t refreshed.

Problem 4: Image Too Small or Wrong Format

If your og:image is smaller than 200×200 pixels or in an unsupported format, platforms reject it or scale it poorly. The preview shows cropped, distorted, or missing images.

Problem 5: Image Broken or No Longer Accessible

If the og:image URL points to a dead link or an image that was deleted, platforms can’t load it. The preview shows no image.

Step-by-Step Diagnosis: What’s Actually Wrong With Your Preview

Step 1: Check Your Preview With My Free Tool

I built a free OG Image Checker at /tools/og-image-checker/. Paste your URL and it shows:

• Exactly how your preview appears on Facebook, LinkedIn, and Twitter
• What Open Graph tags are present (or missing)
• Common errors (image too small, truncated text, etc.)
• Specific fixes needed

This tool tells you exactly what’s wrong and how to fix it. Faster than checking each platform separately.

Step 2: Use Facebook Sharing Debugger for Detailed Analysis

Go to facebook.com/developers/tools/debug/. Enter your URL.

Facebook’s Sharing Debugger shows:

• All metadata it scraped from your page
• og:title, og:description, og:image values (if present)
• Image size and dimensions
• When the page was last scraped
• Any errors or warnings
• Mobile vs desktop preview

If og:image is listed as “No Image”, you’re missing the og:image tag entirely. If the size is “200×200” but you think you uploaded “1200×630”, your image upload failed or the tag is wrong.

Step 3: Check LinkedIn Post Inspector

Go to linkedin.com/inspector/. Enter your URL. LinkedIn shows how your preview appears in LinkedIn feeds, with title, description, and image.

LinkedIn sometimes shows different data than Facebook (LinkedIn has its own parsing), so check both.

Step 4: Validate Twitter Cards

Go to cards-dev.twitter.com/validator. Enter your URL. Twitter shows the preview and any errors.

If Twitter Cards aren’t working, the validator will tell you if it’s a missing twitter:card tag, malformed syntax, or other issues.

Fixing Broken Previews: Platform-Specific Solutions

Fix 1: Add Missing Open Graph Tags

If your diagnostics show missing og:tags entirely, you need to add them. Two options:

WordPress Sites: Install an SEO plugin like Yoast SEO, Rank Math, or All in One SEO. These automatically generate og:tags. No coding required.

Go to Plugins > Add New. Search “Yoast SEO”. Install and activate. Then in every post/page, find the “Social Preview” or “Social Media” section and upload a custom og:image.

Custom Websites: Add Open Graph tags manually to your HTML head section:

<meta property=”og:title” content=”Your Page Title” />

<meta property=”og:description” content=”Your page description” />

<meta property=”og:image” content=”https://yoursite.com/image.jpg” />

<meta property=”og:url” content=”https://yoursite.com/page/” />

<meta property=”og:type” content=”article” />

<meta property=”og:site_name” content=”Your Site Name” />

For HTML sites, add these tags to every page’s <head> section. For dynamic sites, use templating to insert dynamic values (page title, featured image URL, etc.).

Fix 2: Correct Image Size and Format

Open Graph images must be:

• Size: 1200 x 630 pixels (16:9 aspect ratio)
• Format: JPG or PNG (avoid WebP or SVG)
• File size: Under 5 MB (ideally under 2 MB)

If your image is wrong size, resize it using Photoshop, Canva, or a free tool like Pixlr. Then upload the resized version.

Update the og:image tag with the new image URL:

<meta property=”og:image” content=”https://yoursite.com/images/new-image-1200×630.jpg” />

Fix 3: Verify og:image URL Is Correct and Accessible

Open your browser and navigate directly to the URL in your og:image tag. If the image doesn’t load, the URL is broken.

Common issues:

• Typos in the URL path (check for uppercase/lowercase differences)
• Image file was moved or deleted (check your file structure)
• Image is hosted on a different domain (use full URL, not relative path)
• HTTPS vs HTTP mismatch (use https:// for your og:image URL)

Fix the URL and test again. The image should load immediately in your browser.

Fix 4: Clear Platform Cache and Force Fresh Scrape

After updating your og:tags or image, platforms still show old cached data. Force them to re-scrape:

Facebook: Go to facebook.com/developers/tools/debug/. Paste your URL. Click “Fetch Freshly” or “Scrape Again”. Wait 1-2 minutes. The preview updates.

LinkedIn: Go to linkedin.com/inspector/. Paste your URL. Click “Inspect”. The preview updates immediately or within 1-5 minutes.

Twitter: Go to cards-dev.twitter.com/validator. Paste your URL. The preview updates immediately if you’ve fixed Twitter Card tags.

After clearing cache, the new preview should appear immediately. If it doesn’t within 5 minutes, check the debugging tool again for errors.

Fix 5: Fix Truncated or Incorrect og:title

If your og:title is truncated or wrong, update the tag:

<meta property=”og:title” content=”New Headline (50-65 characters)” />

Keep og:title between 50-65 characters to prevent truncation. Then clear cache using Facebook Sharing Debugger.

Fix 6: Fix Incomplete or Irrelevant og:description

If og:description is pulling from footer text, old content, or irrelevant sections, set it explicitly:

<meta property=”og:description” content=”Your benefit-driven description (110-160 characters)” />

Then clear cache. The description updates in social previews within minutes.

Complete Troubleshooting Checklist

Use this if your preview is still broken after trying the above:

• og:title is present and 50-65 characters? (check with debugger)
• og:description is present and 110-160 characters? (not pulled from wrong section)
• og:image URL is correct and image loads when you visit it directly?
• og:image size is exactly 1200×630 pixels?
• og:image file size is under 5 MB?
• og:image format is JPG or PNG (not WebP or SVG)?
• og:url matches the exact URL you’re previewing?
• Cache has been cleared using Sharing Debugger, Inspector, or Validator?
• You waited 1-5 minutes for cache to refresh?
• You tested on both Facebook and LinkedIn (sometimes they show different results)?

If all boxes are checked and preview is still broken, use my OG Image Checker (/tools/og-image-checker/) for additional diagnostics.

Platform-Specific Preview Issues and Fixes

Facebook Preview Issues

Issue: Image appears cropped or distorted

Fix: Image must be exactly 1200×630 pixels (16:9 ratio). Facebook crops to this. Anything else gets stretched or cropped.

Issue: Headline is truncated

Fix: og:title must be under 65 characters. Test with Sharing Debugger to see how it displays.

Issue: Wrong image showing

Fix: Clear cache with “Fetch Freshly” button. If still wrong, check og:image URL is correct and matches the image you want.

LinkedIn Preview Issues

Issue: Preview shows generic LinkedIn logo instead of image

Fix: Set og:image explicitly. LinkedIn sometimes uses different image parsing than Facebook. Clear cache with Inspector and wait 1-5 minutes.

Issue: Company logo appearing instead of post image

Fix: og:image not set correctly. Use /tools/og-image-checker/ to verify LinkedIn sees your og:image tag.

Issue: Truncated or missing description

Fix: Set og:description to exactly what you want. Don’t rely on auto-scraped text.

Twitter Preview Issues

Issue: Plain text card instead of image card

Fix: Add twitter:card tag with value “summary_large_image”. Add twitter:image tag. Clear cache with Card Validator.

Issue: Image appears small or wrong size

Fix: For twitter:image, use 1200×675 pixels (slightly different ratio than og:image). Ensure twitter:image URL is correct.

Issue: Card validator shows errors

Fix: Check syntax of twitter:card and other twitter: tags. Ensure URLs use https. Use Card Validator to see specific error messages.

Best Practices to Prevent Future Broken Previews

1. Use an SEO plugin (WordPress)

Install Yoast SEO or Rank Math. These automatically generate and maintain og:tags. Less manual work, fewer errors.

2. Always upload a custom og:image per post

Don’t use generic logos. Custom images get 2-3x more clicks. In your SEO plugin, customize og:image for every post.

3. Use 1200×630 pixels for all og:images

Make this your standard. Never guess at image sizes. Use a template in Canva or Photoshop set to 1200×630 so every image is correct.

4. Test every new post with my OG Image Checker

After publishing, paste the URL into /tools/og-image-checker/. Verify Facebook, LinkedIn, and Twitter previews look correct. Takes 30 seconds and prevents embarrassing broken previews.

5. Set og:title and og:description explicitly

Don’t rely on auto-scraping. In your SEO plugin, fill in og:title and og:description for every page. This ensures consistency and prevents random text from appearing.

6. Keep og:title 50-65 characters, og:description 110-160 characters

These character limits prevent truncation across platforms. Shorter text displays fully in all preview sizes.

7. Use a CDN for og:image (optional but recommended)

If images are slow to load, platforms might timeout. Using a CDN or image optimization service ensures images load instantly, reducing the chance of broken previews.

Testing and Validation Workflow

When you publish a new post, follow this workflow:

Step 1: Publish the post (with og:tags already set in your SEO plugin).

Step 2: Copy the post URL.

Step 3: Paste into my OG Image Checker (/tools/og-image-checker/). Review the preview on all platforms.

Step 4: If anything looks wrong, go back to the post, fix og:title/description/image in your SEO plugin.

Step 5: Use Facebook Sharing Debugger to clear cache (“Fetch Freshly”).

Step 6: Re-test in OG Image Checker. Verify preview looks perfect.

Step 7: Publish/share the post with confidence.

This 2-3 minute workflow prevents 99% of broken preview issues.

Common Myths About Link Previews

Myth: “I can use different og:images on different platforms”

False. Standard Open Graph tags display on Facebook and LinkedIn. Twitter uses separate Twitter Cards. Most people stick with one og:image for simplicity. You can customize Twitter separately if needed, but one og:image works fine for 95% of cases.

Myth: “Updating the og:image automatically updates all cached previews”

False. Platforms cache old previews. You must manually clear cache using Sharing Debugger, Inspector, or Validator. Without this step, old previews appear for weeks.

Myth: “The og:image automatically pulls from my featured image”

Depends on your setup. WordPress plugins like Yoast auto-pull featured images, but only if you’ve configured it. Manually verify in your plugin settings. For safety, explicitly set og:image rather than relying on auto-scraping.

Myth: “Small or WebP images are fine for og:image”

False. Use 1200×630 pixels, JPG or PNG format. Small images look poor. WebP isn’t universally supported by social platforms yet. Stick to the standards.

When to Get Help

If you’ve tried all the above and previews are still broken, it might be a server, caching, or DNS issue beyond the scope of og:tags.

I offer free consultations to diagnose broken previews and fix them. Call +91 97297 12388 or schedule at /free-consultation/.

We can also audit your entire site’s social metadata and create a plan to optimize all pages. Most sites I audit gain 25-50% more social traffic just from fixing broken previews and optimizing og:tags.

Let’s make sure your content looks incredible when it’s shared. Fix broken previews today.