Social Media Link Preview
Preview how your links appear when shared on different social platforms
See how your link will appear when shared on different social media platforms
Enter a URL above to see how it appears on social media platforms
How to use
- Enter a URL to fetch its meta tags
- View previews for LinkedIn, WhatsApp, Facebook, Twitter, and more
- Edit title, description, and image manually if needed
- See how your link will appear on each platform
Use cases
- Social media marketing
- Link preview optimization
- Content sharing strategy
- SEO and Open Graph testing
- Marketing campaign planning
About the Social Media Link Preview
When someone shares a link on LinkedIn, WhatsApp, or X, each platform fetches the target URL and renders a preview card using Open Graph (og:*) and Twitter Card (twitter:*) meta tags. A bad preview kills click-through. This tool fetches your URL server-side, extracts every preview-relevant tag, and renders platform-accurate mockups so you can see exactly what your audience will see — and edit fields inline to test changes before you deploy.
Features
- Server-side Open Graph fetch — no CORS proxy chain
- Previews for 6 major platforms with platform-accurate styling
- Real-time manual edits to test hypothetical metadata
- Image URL sanitized to http/https only (blocks XSS payloads)
- HTML entities decoded so titles render correctly
How it works
- Paste the URL you want to preview.
- Our server fetches the page's meta tags (og:*, twitter:*, title, description).
- Platform-specific preview cards render instantly.
- Edit any field to simulate different copy or images.
Frequently asked questions
Why does my preview look different in WhatsApp vs LinkedIn?
+
Each platform crops og:image to its own aspect ratio and truncates title/description at different lengths. WhatsApp is most aggressive (40 char title), LinkedIn is most generous (~200 char description).
Why did the fetch fail for my URL?
+
Either the site returns non-standard HTML, blocks unknown user-agents, or renders entirely via JavaScript. For JS-rendered sites, configure server-side OG tags or use dynamic meta tags.
What size should the og:image be?
+
1200×630 is the safe default. LinkedIn preserves it nearly unchanged; WhatsApp crops to square; Twitter keeps the full image if you use summary_large_image.
Can the preview affect how Google ranks my page?
+
OG tags don't directly affect rankings, but strong previews correlate with higher social click-through rates, which drive more traffic and inbound links.
What happens to manual edits?
+
They're client-side only — the target page is not modified. Manual edits let you test alternative copy before you deploy new meta tags.