Social Share Preview
Preview how any web links will look exactly when shared on Facebook and Twitter.
What Your Link Looks Like When Shared Is Half the Battle
You can write the best headline in the world and optimize your content perfectly for search — but if the link preview that appears when someone shares it on LinkedIn looks broken, has the wrong image, or shows a truncated description that cuts off mid-word, click-through rates suffer. First impressions on social platforms are made in milliseconds.
This tool renders a pixel-accurate preview of how any page will appear as a shared link card on Facebook, LinkedIn, and Twitter. Use it to catch Open Graph issues before they reach your audience.
What Are Open Graph Tags?
Open Graph (OG) tags are meta tags in a page’s HTML head section that social platforms read when generating link previews. Facebook and LinkedIn primarily use OG tags; Twitter has its own Twitter Card meta tags but falls back to OG tags when Twitter Card tags are absent.
The four essential tags for a well-formed social share preview are:
- og:title — the headline displayed in the link card
- og:description — the supporting description text below the title
- og:image — the image displayed in the card (recommended: 1200x630px)
- og:url — the canonical URL of the page
Common Social Share Problems This Tool Helps Catch
- Missing og:image — the card shows no image, making it look low-effort and untrustworthy
- Wrong image dimensions — images that are too small appear pixelated or get cropped awkwardly
- og:title too long — titles over ~60–70 characters get truncated with an ellipsis
- og:description cut off — descriptions over ~155 characters are truncated, potentially breaking mid-sentence
- Cached old metadata — platforms cache share previews; this tool fetches fresh metadata to confirm what’s actually there
- Missing Twitter Card tags — without Twitter-specific tags, Twitter falls back to OG, which may produce a suboptimal card format
How to Use the Tool
Option 1 — Auto-Fetch: Enter a URL and click Fetch. The tool retrieves the page’s Open Graph metadata and renders the preview.
Option 2 — Manual Entry: Enter the title, description, image URL, and domain name manually. Useful for previewing content that isn’t published yet, or for testing metadata changes before deploying them.
💡 Social platforms cache link previews for hours or days. If you’ve recently updated your OG tags, platforms may still display the old cached version. Use Facebook’s Sharing Debugger or Twitter’s Card Validator to force a cache refresh on those platforms.
Twitter Card vs. Facebook / LinkedIn Preview
Facebook and LinkedIn use the standard large card format (1200×630 image above the title and description). Twitter offers multiple card types — Summary, Summary with Large Image, and App cards — each with different layouts and image requirements. This tool previews the large card format, which is the most commonly implemented and the format that makes the strongest visual impression.
Frequently Asked Questions
Q: Why does the social platform still show old metadata after I’ve updated my tags?
A: Platforms cache share previews. Use the platform-specific debugging tools to force a cache refresh: Facebook’s Sharing Debugger and Twitter’s Card Validator both have a ‘Scrape Again’ / ‘Preview Card’ function.
Q: What image size is best for social sharing?
A: 1200×630 pixels at 72 DPI is the recommended standard. Facebook will accept smaller images but the card quality and display size suffer. Always aim for 1200×630 as the baseline.
Q: Does this work for pages that require authentication?
A: No — the tool can only fetch metadata from publicly accessible pages, the same as social platform scrapers.
Q: What if my image URL doesn’t load in the preview?
A: The image must be publicly accessible (not behind authentication or on localhost). Check that the og:image URL returns a valid image when pasted directly into a browser tab.