Link preview: how your website appears on social media
When you share a link on WhatsApp, Twitter, Facebook, or LinkedIn, these platforms automatically generate a preview card with title, description, and image. This card is controlled with Open Graph (OG) tags in the <head> of your page.
Essential Open Graph tags
- og:title — the title shown on the card (max 60 characters).
- og:description — brief description (max 160 characters).
- og:image — cover image (recommended 1200×630 px, min 200×200 px).
- og:url — canonical URL of the page.
- og:type — content type (website, article, product, etc.).
Twitter Cards
Twitter has its own metadata system: twitter:card (summary or summary_large_image), twitter:title, twitter:description, twitter:image. If not defined, Twitter uses OG tags as fallback.
Preview cache
Platforms cache previews for hours or days. To force an update use official debuggers: Facebook Sharing Debugger, Twitter Card Validator, or LinkedIn Post Inspector. These tools force the platform to re-read the meta tags immediately.