Open Graph & Twitter Cards: How Your Link Looks When Shared or Cited
Paste a link into a chat, a social post, or an AI answer, and a little preview card appears — a title, a short description, an image. That card isn’t guessed; it’s controlled by Open Graph and Twitter Card tags in your page’s <head>. Get them right and your link looks deliberate and clickable. Leave them out and you get a blank or broken preview.
The tags that matter
<meta property="og:title" content="Your page title">
<meta property="og:description" content="A one-line summary.">
<meta property="og:image" content="https://example.com/preview.png">
<meta property="og:url" content="https://example.com/page">
<meta name="twitter:card" content="summary_large_image">- og:title / og:description — the headline and summary on the card.
- og:image — the preview picture. A 1200×630 image is the safe size for a large card.
- og:url — the canonical address of the page.
- twitter:card —
summary_large_imagegives the big-image layout;summarygives the small one.
Why it matters for GEO
This is about presentation when your page travels. Whether a person shares it or an AI surfaces it with a preview, these tags decide how it’s represented — a clear title and image earn more clicks and make your source look credible. They won’t change whether AI can read your page (that’s the other steps), but they shape how your page appears when it’s referenced.
The bottom line
Add og:title, og:description, a 1200×630 og:image, og:url, and a twitter:card to your <head>. It’s a one-time block that makes every share and citation of your page look intentional — a presentation companion to the “be understandable” steps in our GEO overview.