What social preview cards are and why they matter
When you share a URL on LinkedIn, WhatsApp, Facebook or Slack, the platform does not show a bare link: it builds a card with image, title and description. That thumbnail decides whether people click or scroll past.
Cards are built from metadata such as Open Graph (og:title, og:description, og:image) and, on X/Twitter, Twitter Card tags. If your site does not define them properly, the network picks random text from the page or a cropped image that misrepresents your offer.
On a business website, where every visit can become an enquiry, a weak preview is a silent filter: you lose clicks before visitors reach your homepage or services page.
Where it hurts most (and what you lose)
WhatsApp and Telegram. In B2B chats, sending a case study or landing URL without a rich preview feels less trustworthy.
LinkedIn. When you promote corporate blog posts, og:image is the first visual hook in the feed.
Email and newsletters. Some clients read Open Graph too.
Three metadata fields you cannot leave to chance
og:title / twitter:title. Match page intent. If you already optimise meta titles for Google, adapt tone for social.
og:description. One or two benefit-led sentences.
og:image. Horizontal image (1200×630 px recommended), readable when small.
Add og:url with the canonical URL and og:locale on multilingual sites.
How to implement it without breaking your site
Set sensible defaults and override on home, services, blog and landings. On blog posts, use headline, excerpt and featured image. Validate with Facebook Sharing Debugger and LinkedIn Post Inspector before major campaigns. Align with structured data.
Common mistakes on business websites
Image too small or vertical; same card for every URL; aggressive cache after redesign; unreadable text inside the image. Long headlines belong in og:title, not inside the JPEG.
Quick checklist before sharing a URL
1. Does the canonical URL return 200?
2. Do og:title and og:description describe this page?
3. Is og:image at least 1200×630?
4. Is it readable on mobile?
5. Have you tested in WhatsApp and LinkedIn?
Align the preview with your web copy and landing CTAs.
Conclusion: your link is a 300×157 pixel ad
Before running ads or sending a link to a client, look at the card they will see. Tuning Open Graph costs little: more qualified clicks and stronger alignment between social media and your site.
Want to audit how your key pages preview today? Contact us and we will help you review metadata, images and conversions.
