Skip to content
SEO Audit Checker

Open Graph tags: control how your links look when shared

Open Graph tags tell Facebook, LinkedIn, Slack, WhatsApp and most other apps what title, description and image to show when someone shares your link.

Why it matters

Without them, apps guess, often showing the wrong image or no preview at all. A good preview card gets noticeably more clicks.

Share images that are too small appear as a tiny thumbnail, and images that fail to load leave an empty card.

How to fix it

  1. Add og:title, og:description, og:image, og:url and og:type to every page.
  2. Use a share image of 1200 × 630 pixels (1.91:1), under 5 MB, with an absolute https:// URL.
  3. Add twitter:card with the value summary_large_image for a large preview on X.
  4. Check the result with LinkedIn’s Post Inspector or Facebook’s Sharing Debugger, which also refresh cached previews.
Open Graph and X card tags
<meta property="og:type" content="website">
<meta property="og:title" content="Handmade Leather Wallets">
<meta property="og:description" content="Free UK delivery and a 2-year guarantee.">
<meta property="og:url" content="https://www.example.com/wallets/">
<meta property="og:image" content="https://www.example.com/og/wallets.png">
<meta name="twitter:card" content="summary_large_image">

Related guides