ひとことで言うと
OG タグ(Open Graph Protocol) とは、Twitter / Facebook / LinkedIn / Slack 等で URL をシェアした時の プレビュー表示(タイトル / 説明 / 画像) を制御するメタタグです。
具体的にどんな場面?
例えば、誰かが Twitter に https://geo-meters.com/learning を投稿したとします。
OG タグを設定してあれば:
┌─────────────────────────────────┐
│ [カードイメージ] │
│ │
│ Learning | GEOメーター │
│ AI 検索市場の最前線を、実証データで…│
│ │
│ geo-meters.com │
└─────────────────────────────────┘
のように、リッチなプレビューが表示されます。
OG タグがないと、URL だけが寂しく表示され、クリック率が大幅に下がります。
主要なフィールド
<head> 内に書きます:
<meta property="og:title" content="記事タイトル">
<meta property="og:description" content="1-2 文の要約">
<meta property="og:image" content="https://...">
<meta property="og:type" content="article">
<meta property="og:url" content="https://...">
GEO 文脈で重要な理由
GEOメーター の Smoke 分析(脂肪低減 Topic、20 ドメイン)では、**上位群の og:title 設定率 85.71%、下位群 60%(+25.71pp 差)**が観測されました。
- AI クローラーも
og:titleog:descriptionをページ理解の補助として読む - SNS 拡散時のクリック率が上がる(間接的に被リンク獲得につながる)
- 競合がまだ設定漏れあり(+25.71pp 差は伸び代の証)
よくある間違い
- 画像サイズが小さい(推奨 1200×630px、Twitter / Facebook 共通)
- テキストが英語のまま(日本語ターゲットなら日本語にする)
- 動的ページで設定漏れ(SSR or build time で必ず設定)
詳細は meta description、canonical URL を参照。