How to Fix Every Social Preview Finding
The Social Preview Tester simulates how your page renders when shared across Facebook, LinkedIn, Twitter, WhatsApp, iMessage, Slack and Discord. Each platform interprets your OG tags slightly differently. A preview that looks great on Facebook can break on LinkedIn. This index covers fixes per platform.
By finding type
Each platform has its quirks. Pick yours:
๐ฆ Fix Facebook link previews PLANNED
Facebook uses og:image, og:title, og:description. Most aggressive caching of any platform โ once a preview is wrong, it stays wrong for weeks. The Sharing Debugger force-refresh workflow.
๐ผ Fix LinkedIn previews PLANNED
LinkedIn uses OG plus its own Post Inspector. Image requirements: 1200ร627 minimum. Common bug: image-too-small warning, fallback to title-only display. The Post Inspector cache-clear.
๐ฆ Fix Twitter (X) cards PLANNED
Twitter Card Validator deprecated 2023, but Twitter still respects twitter:* tags. summary_large_image vs summary decision. The image-aspect-ratio differences from LinkedIn and Facebook.
๐ฌ Fix WhatsApp link unfurls PLANNED
WhatsApp uses OG, image must be under 300KB (the size limit that catches everyone), preview cached aggressively. The image-compression workflow for WhatsApp specifically.
๐ฑ Fix iMessage previews PLANNED
iOS uses oEmbed first, then OG. Different aspect-ratio cropping than Android. The QR-code generation that iMessage automatically pulls for events and businesses.
๐ค Fix Slack link previews PLANNED
Slack uses OG and Twitter Cards. Per-workspace unfurl settings. The branded unfurl pattern via Slack App for company-domain links.
๐ฎ Fix Discord embeds PLANNED
Discord uses OG + custom Discord-only tags (theme-color, oembed). The colour-bar pattern, the larger-image vs small-thumbnail decision.
๐ Fix preview cache problems PLANNED
Updated your OG image but old preview persists? Each platform has different cache TTLs and clear methods. The platform-specific force-refresh URLs for FB, LinkedIn, Twitter, Slack.
By platform
Most preview issues trace back to OG tag implementation:
๐ฐ Fix previews in WordPress PLANNED
Yoast OG output, per-post image overrides, the OG-image cropping behaviour, and conflicts between SEO plugins.
๐ Fix previews in Shopify PLANNED
Theme OG block, per-product OG image, app-injected OG conflicts, and the platform's automatic OG generation gaps.
โ๏ธ Fix previews in Next.js / Vercel PLANNED
Vercel's @vercel/og dynamic image generation, the next/og pattern, Edge function deployment for fast OG-image rendering.
What our Social Preview Tester checks
The tester renders your URL the way Facebook, LinkedIn, Twitter, WhatsApp, iMessage, Slack and Discord each render it. Side-by-side previews show where the page works and where it breaks. For the full reference, see the Social Preview Guide.
๐๏ธ Preview your shares first
Run the tester before promoting any URL. Catching preview problems before launch beats fixing after.
Run Social Preview Tester โ