gometrify Logogometrify
Free ToolsGuidesPricing
← Back to All Guides

Why Your Link Preview Looks Broken on LinkedIn & X (And How to Fix OG Tags)

By gometrify Team•July 30, 2026•
open graphsocial medialink previewmeta tags
Free Interactive Calculator

Link Preview

See how your URLs will look when shared on Facebook, X/Twitter, and LinkedIn.

Launch Tool

You post a fresh blog guide or product announcement link on LinkedIn, X (Twitter), Slack, or Facebook.

Instead of an eye-catching card with a crisp thumbnail image, clear headline, and description, your post renders as a plain, ugly text link—or worse, displays a generic site logo and placeholder text.

Link previews are your first impression on social media. Posts with rich visual link cards get up to 2x to 3x higher engagement than plain links.

Here is why your social media link previews break, how Open Graph (OG) meta tags work, and how to fix them in under five minutes.


How Open Graph (OG) Link Previews Work

In 2010, Facebook introduced the Open Graph protocol. Today, almost all major social platforms, messaging apps (WhatsApp, Telegram, Slack, iMessage), and search engines rely on Open Graph standards to render links.

When you paste a URL into a social platform, a scraper bot visits the page and searches the <head> section of your HTML for specific meta tags:

<!-- Fundamental Open Graph Meta Tags -->
<meta property="og:title" content="Your Catchy Page Title Here" />
<meta property="og:description" content="A compelling 1-2 sentence overview of your content." />
<meta property="og:image" content="https://yourwebsite.com/images/social-card.png" />
<meta property="og:url" content="https://yourwebsite.com/blog/your-post-slug" />
<meta property="og:type" content="article" />

If these tags are missing, incorrectly formatted, or pointing to broken image links, the platform attempts to guess content by pulling random images or paragraphs from your page body.


The 4 Most Common Causes of Broken Link Previews

1. Social Platform Caching

Social networks cache Open Graph data aggressively to save bandwidth. If you posted your link before setting up OG tags or updated your thumbnail image after publishing, LinkedIn and X will continue showing the old broken preview for days.

2. Incorrect Image Dimensions or File Formats

If your og:image file is too small, platforms won't render a full-width preview card.

  • Recommended Aspect Ratio: 1.91:1
  • Recommended Dimensions: 1200 x 630 pixels
  • Supported Formats: JPG, PNG, WEBP (avoid SVG or heavy GIFs)
  • Max File Size: Keep image files under 5MB (under 2MB is ideal for fast scraper timeouts).

3. Relative File Paths in og:image

Social scrapers require absolute URLs.

  • ❌ Broken Relative Path: <meta property="og:image" content="/images/thumbnail.png" />
  • ✅ Fixed Absolute Path: <meta property="og:image" content="https://yourwebsite.com/images/thumbnail.png" />

4. Redirect Chains & Blocking Scrapers

If your link passes through multiple redirects before reaching the target page, social scrapers may time out and fail to read meta tags. Similarly, if your firewall (e.g., Cloudflare security settings) blocks user-agents like LinkedInBot or facebookexternalhit, the platform receives a 403 Forbidden response.


Step-by-Step Fix Guide

Step 1: Inspect Your OG Meta Tags

Verify that your HTML contains valid OG meta tags in the <head> block. You can preview how your links look across multiple platforms using our free Link Preview Tool.

Step 2: Clear Platform Caches Using Debuggers

Force social platforms to clear their cached version of your page by running your URL through official debugging tools:

  • LinkedIn: Use the LinkedIn Post Inspector to clear cache instantly.
  • Facebook / Messenger: Use the Facebook Sharing Debugger.
  • X (Twitter): X caches previews based on Card tags (twitter:card, twitter:image). Re-sharing or testing in X Composer refreshes the card once tags are updated.

Step 3: Check Redirect Syntax

If you use shortened links or affiliate links, check whether your redirect chain is clean. Test destination URLs using our Redirect Checker to eliminate unnecessary intermediate hops.


Summary Checklist for Perfect Link Cards

Property Requirement
Title (og:title) 40-60 characters (avoid truncation)
Description (og:description) 100-150 characters
Image (og:image) 1200x630px, absolute URL, <2MB
X Card (twitter:card) Set to summary_large_image
Preview Testing Test with Link Preview Tool before sharing
g

gometrify Team

Marketing attribution experts and builders of gometrify. We write about advanced analytics, SEO, and ad tracking.

Related Guides

How to Track Traffic from Meta's Threads App in Your Analytics

Threads traffic lands in your analytics as Direct or Referral depending on how users access it. Here is how to tag your Threads links properly and actually measure what the platform is sending you.

How to Track X (Twitter) Ads & Organic Tweet Clicks Without Signal Loss

X Ads Manager understates your real click data. Learn how to set up independent tracking for Twitter ad campaigns and organic tweets so you know exactly what's converting.

How to Track TikTok Ad Clicks (And Why TikTok's Dashboard Is Off)

TikTok Ads Manager inflates your numbers. Learn how to set up independent click tracking for TikTok campaigns so you can see what's actually converting.

Table of Contents

  • How Open Graph (OG) Link Previews Work
  • The 4 Most Common Causes of Broken Link Previews
  • Step-by-Step Fix Guide
  • Summary Checklist for Perfect Link Cards
Interactive Tool

Link Preview

See how your URLs will look when shared on Facebook, X/Twitter, and LinkedIn.

Open Calculator