Social Media Link Preview

    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

    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

    How it works

    1. Paste the URL you want to preview.
    2. Our server fetches the page's meta tags (og:*, twitter:*, title, description).
    3. Platform-specific preview cards render instantly.
    4. Edit any field to simulate different copy or images.

    Use cases

    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.