Social Share Preview Generator
See exactly how a link to your page looks when someone shares it on Facebook, LinkedIn, or X — before they post it.
When a link gets shared on Facebook, LinkedIn, or X, the platform doesn't just show the raw URL — it builds a preview card from a specific set of meta tags in your page's <head>: Open Graph tags for Facebook and LinkedIn, and Twitter Card tags for X. If those tags are missing or wrong, the platform falls back to guessing, which usually means an unrelated image, a truncated title, or no preview at all.
This tool is for anyone about to share a link — a new service page, a blog post, a landing page for a promotion — who wants to see what that link will actually look like before posting it, rather than finding out after a client or customer already saw a broken preview. Enter the page URL, title, description, and image, and it renders a live preview alongside the exact meta tags to paste into your page.
The preview itself doesn't affect search rankings, but it directly affects whether someone stops scrolling and clicks. A card with a relevant image and a clear description reads as more trustworthy than a blank gray box or a generic site icon, and that difference shows up in click-through rate anywhere the link gets shared socially.
Facebook / LinkedIn preview
vazagency.com
The SEO Foundation | Vazagency
A conversion-focused website with SEO built in from day one — core pages, on-page SEO, internal linking, and speed optimization.
X (Twitter) preview
The SEO Foundation | Vazagency
A conversion-focused website with SEO built in from day one — core pages, on-page SEO, internal linking, and speed optimization.
vazagency.com
Meta tags to add to your page
<meta property="og:title" content="The SEO Foundation | Vazagency" />
<meta property="og:description" content="A conversion-focused website with SEO built in from day one — core pages, on-page SEO, internal linking, and speed optimization." />
<meta property="og:image" content="https://vazagency.com/og/og-image.png" />
<meta property="og:url" content="https://vazagency.com/seo-foundation" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="The SEO Foundation | Vazagency" />
<meta name="twitter:description" content="A conversion-focused website with SEO built in from day one — core pages, on-page SEO, internal linking, and speed optimization." />
<meta name="twitter:image" content="https://vazagency.com/og/og-image.png" />How to use this tool
- Enter the full URL of the page you're sharing in the "Page URL" field.
- Enter the title you want to appear in the preview — this can match your page's <title> tag or differ slightly.
- Enter a short description; a sentence or two is enough, since longer text gets cut off in the preview.
- Enter the URL of the image you want to display — 1200×630px works best across platforms.
- Compare the Facebook/LinkedIn preview and the X preview side by side.
- Click "Copy tags" and paste the generated meta tags into the <head> of the page.
A note for JavaScript-rendered pages
Social platforms' link-scraping bots generally don't execute JavaScript the way a browser does — they read the raw HTML returned by your server. If a site builds its pages client-side and injects meta tags after the page loads, the scraper can miss them entirely and fall back to defaults. Making sure Open Graph and Twitter Card tags are present in the server-rendered or pre-rendered HTML — not added only after the page finishes loading in the browser — is what actually makes the preview show up correctly.
Frequently asked questions
Why does my link preview show the wrong image or an old title?
What's the difference between Open Graph tags and Twitter Card tags?
What size should the preview image be?
Do these tags affect SEO rankings?
Related guides
Want this handled for you instead?
We build the SEO foundation and handle the ongoing work — no long-term contract, no guaranteed-rankings sales pitch.