In one sentence
OG tags (Open Graph Protocol) are meta tags that control the preview rendering (title / description / image) when a URL is shared on Twitter / Facebook / LinkedIn / Slack and similar platforms.
What does it look like in practice?
For example, suppose someone tweets https://geo-meters.com/learning on Twitter.
If OG tags are set, you get:
┌─────────────────────────────────┐
│ [Card image] │
│ │
│ Learning | GEO Meter │
│ The frontline of the AI search… │
│ │
│ geo-meters.com │
└─────────────────────────────────┘
A rich preview is displayed.
Without OG tags, only the bare URL appears, which significantly lowers click-through rates.
Main fields
You write them inside <head>:
<meta property="og:title" content="Article title">
<meta property="og:description" content="A 1–2 sentence summary">
<meta property="og:image" content="https://...">
<meta property="og:type" content="article">
<meta property="og:url" content="https://...">
Why they matter in the GEO context
In GEO Meter's Smoke analysis (the "fat reduction" Topic, 20 domains), the og:title configuration rate was 85.71% in the top group versus 60% in the bottom group (+25.71pp gap) was observed.
- AI crawlers also read
og:title/og:descriptionas an aid to understanding the page - It increases click-through rates when shared on social (which indirectly helps backlink acquisition)
- Competitors still have configuration gaps (the +25.71pp gap is evidence of room to grow)
Common mistakes
- Image too small (recommended 1200×630px, common to both Twitter / Facebook)
- Text left in English (use Japanese if your target is Japanese)
- Missing settings on dynamic pages (always set them at SSR or build time)
See also meta description and canonical URL.