Before They Tap: The Link Preview Audit That Sells Before Your Page Loads

A link rarely arrives alone. It turns up in a WhatsApp group with three unread messages above it, in a LinkedIn feed between a job announcement and a moderately smug carousel, or in a Facebook post where someone has already asked, “Is this legit?” In that moment, your page has not loaded yet. The preview is doing the selling.

That tiny card — image, headline, description, domain — is your new shop window. And like a real shop window, it can look considered, confident and open for business. Or it can look like someone taped a photocopy to the glass and hoped for the best.

The preview is not your homepage

Small UK brands often spend hours on a landing page and about ninety seconds on how it appears when shared. That is backwards. The preview is the first impression, the handshake and the bouncer all at once. If the image is cropped through your logo, the headline says “Home” and the description reads “Welcome to our website”, people do not think, “Ah, the meta tags need attention.” They think, “This looks unfinished.”

So before you spend another afternoon tweaking a hero banner, run a social card audit. It is less glamorous than a rebrand and far more useful.

Start with the obvious: share the link like a human

Open a private WhatsApp chat, a LinkedIn draft, a Facebook post composer and an email draft. Paste your URL into each one. Do not preview it through a developer tool first. Just look at what a customer would see.

Ask three blunt questions:

• Can I tell what this page is about without reading the URL?
• Does the image make sense at the size of a thumbnail?
• Would I tap this if I did not already know the brand?

If the answer to any of those is “sort of” or “only because I know what we do”, the preview needs work. This is especially true for service businesses, where the difference between “brand workshop” and “brand workshop for founder-led B2B teams in Manchester” is the difference between a vague promise and a useful one.

Get the Open Graph basics right

Most link previews are built from Open Graph tags, with Twitter/X cards and fallback metadata filling in the gaps. You do not need to be a developer to check them, but you do need to know what should be there.

At minimum, each important page should have:

• og:title — a specific page headline, not the company name alone.
• og:description — one clear sentence that explains the offer or article.
• og:image — an absolute URL to a properly sized image.
• og:url — the canonical page address.
• twitter:card — usually summary_large_image if you want a big visual card.

On a CMS like WordPress, Shopify or Squarespace, this is often handled by an SEO plugin or theme setting. Check it anyway. Plugins inherit strange defaults, and themes sometimes output a logo where a proper social image should be.

Design for the crop, not just the canvas

The common Open Graph image size is 1200 × 630 pixels, which gives you a 1.91:1 landscape card. But that is not the only crop in town. WhatsApp may show a squarer version. LinkedIn can present a wide card in feed and a smaller thumbnail elsewhere. Facebook is not famous for consistency.

So treat 1200 × 630 as the canvas and the central area as the safe zone. Keep your logo, key text and product shot away from the outer edges. A good rule is to imagine a 600 × 600 square in the middle: if the essential idea survives inside that square, you are in decent shape.

Use large, high-contrast type. Six words beat sixteen. If the preview needs a paragraph to make sense, it is not a preview — it is a leaflet. Avoid tiny legal text, fussy patterns and pale grey type on white. At thumbnail size, those become visual static.

Watch the file weight and format

A social image does not need to be a print-ready masterpiece. A JPEG or PNG at 1200 × 630 pixels, saved in sRGB, usually does the job. Aim for under 300KB where possible, and treat 1MB as a ceiling rather than a target. Heavy images slow down preview generation and sometimes fail to render at all.

Do not use transparent PNGs with dark text if the card background may be dark. Flatten the image onto a solid background. Do not rely on animated GIFs or WebP if the platform’s crawler is feeling fussy. And always upload the image to the same domain as the page, with an absolute HTTPS URL. Relative paths are a classic way to end up with a blank preview.

Write fallback text as if it will be used, because it will

Open Graph tags fail. Plugins get disabled. Pages get migrated. When they do, platforms fall back to the page title and meta description. That fallback should not be an afterthought.

Write your page title and meta description as if they are the main event. For a product page, “Hand-thrown stoneware mugs — made in Stoke” is useful. “Shop” is not. For a blog post, give the reader the promise: “A practical guide to pricing brand photography for small UK teams.” Do not make them guess.

This also helps search results, accessibility and the general feeling that someone at the company has actually looked at the page recently.

Test the broken-preview scenarios

A preview that works on your desktop browser can still fail in the wild. Check for the usual suspects:

• Redirects: If http:// redirects to https://, make sure the final URL is the one being shared.
• Caching: Platforms cache previews aggressively. Use Facebook’s Sharing Debugger, LinkedIn’s Post Inspector or your platform’s card validator to refresh the scrape.
• Access restrictions: Staging sites, password protection and geo-blocks can stop crawlers reaching your image.
• Hotlink protection: If your server blocks external image requests, the preview will be blank.
• Lazy loading: Do not lazy-load the Open Graph image itself. It needs to be available immediately.

Then test on real devices. WhatsApp Desktop and WhatsApp Mobile can crop differently. LinkedIn’s feed is not the same as its messaging preview. Ask a colleague to send the link to you with no context. That is the real test.

A simple checklist for every shared link

Before your next campaign goes live, run this quick audit:

1. Paste the URL into WhatsApp, LinkedIn, Facebook and an email draft.
2. Confirm the image is present, sharp and correctly cropped.
3. Check that the headline names the page, not just the brand.
4. Read the description aloud — does it sound like a human wrote it?
5. Test the central safe zone by viewing the image as a square thumbnail.
6. Keep the file under 300KB and use an absolute HTTPS URL.
7. Refresh the cache if you have changed the image recently.
8. Check the fallback title and meta description.
9. Open the link on a phone, on mobile data, with the platform’s own browser.
10. Ask someone who does not work for you what they think the link is selling.

None of this takes long. But it changes the feel of a shared link from “someone pasted a URL” to “this brand knows what it is doing.” For small UK brands, that difference is worth more than another round of homepage tweaks.

Your shop window is not only on your website. It is in every chat, feed and inbox where your link appears. Make it look deliberate.