Broken links kill click-through rates. Paste your URL to instantly preview how it looks on Facebook, Twitter/X, LinkedIn, and WhatsApp.
Fetching meta tags from site...
Have you ever pasted a link to your website on Facebook, WhatsApp, or Twitter, only to see a boring gray box instead of a beautiful image? Or worse—an old, outdated title? This is a common problem known as "Broken Social Media Previews," and it can drastically reduce your click-through rates.
This Social Media Preview Fixer tool helps you instantly visualize, diagnose, and fix these issues without needing to share the link publicly first. Below is a comprehensive guide on how social previews work, why they break, and how to fix them for every major platform.
When you share a URL on social platforms, their bots (crawlers) visit your site to look for specific metadata. This metadata tells them which image to display, what title to use, and how to describe the page. If this data is missing, the platform makes a guess—often resulting in a broken or ugly preview.
These previews are powered by two main standards:
Studies show that social posts with rich media previews get up to 40% more engagement than plain text links. Fixing your previews isn't just about aesthetics; it's about traffic.
Our tool simplifies the debugging process. Here is a step-by-step guide to using it effectively:
This is the most common error. If Facebook or WhatsApp shows a blank gray square, it means they couldn't find an og:image tag, or the image URL is broken.
og:image
The Fix: Ensure you have the following tag in your <head> section. Make sure the image URL is absolute (starts with https://), not relative.
<head>
<meta property="og:image" content="https://yoursite.com/images/share.jpg" />
WhatsApp is strict about image sizes. If your image is too heavy (over 300KB) or the wrong aspect ratio, WhatsApp might ignore it or crop it awkwardly.
The Fix: Use an image that is 1200 x 630 pixels (aspect ratio 1.91:1) and try to keep the file size under 300KB. This same size works perfectly for Facebook and LinkedIn.
You updated your website, but LinkedIn is still showing the old photo? This happens because LinkedIn "caches" (remembers) your link data for 7 days.
The Fix: You need to force LinkedIn to clear its cache. Use the official LinkedIn Post Inspector. Simply entering your URL there once will instantly refresh the cache for everyone.
Facebook uses the Open Graph standard strictly. Essential tags include:
og:title
og:description
og:url
fb:app_id
Twitter requires its own special tags to show the "Large Image" card, which performs best. Without this tag, you get a tiny thumbnail.
Crucial Tag:
<meta name="twitter:card" content="summary_large_image" />
Both apps rely on Open Graph. However, Discord has a specific quirk: if your og:image is too massive (e.g., 4000px wide), Discord might fail to load it. Stick to the 1200x630px standard. Also, Discord uses the meta name="theme-color" tag to color the vertical bar next to the embed.
meta name="theme-color"
You don't need to touch code. Install an SEO plugin like Yoast SEO or RankMath. Go to the "Social" tab in the plugin settings for your post, and you can upload a specific Facebook Image and Twitter Image there. The plugin handles the code generation automatically.
If you are building a Single Page Application (SPA), crawlers might have trouble executing your JavaScript. Use Next.js Head or React Helmet to inject meta tags server-side (SSR) or statically generation (SSG). Dynamic Open Graph images (using libraries like @vercel/og) are highly recommended for dynamic content.
@vercel/og
Social networks cache your content to save bandwidth. Changes aren't immediate. You must use their debug tools to "scrape again." For Facebook, use the Sharing Debugger. For LinkedIn, use the Post Inspector. For Twitter, use the Card Validator.
The universal safe size is 1200 x 630 pixels. This works for Facebook, Twitter (Large Card), and LinkedIn. For the image file type, JPG or PNG is best. WebP is supported by most but not all older crawlers.
Indirectly, yes. While Google doesn't use og:image for ranking search results, social signals and click-through rates (CTR) from social shares drive traffic. A broken preview usually results in near-zero engagement on social media, killing your content's viral potential.
WhatsApp is the most sensitive platform. Ensure your URL is served over HTTPS (SSL). Also, ensure the image is less than 300KB. WhatsApp sometimes fails to download larger images on mobile data connections.
We use cookies to enhance your browsing experience. By using this site, you consent to our cookie policy.