Webマーケティング 2026-04-08
OGP(Open Graph Protocol)
FacebookやXなどのSNSでWebページをシェアした際に、タイトル・説明文・画像を適切に表示させるためのメタタグ仕様。og:title・og:description・og:imageの設定が基本。
OGP(Open Graph Protocol)とは?
OGP(Open Graph Protocol)は、Facebookが2010年に策定したWebページのメタデータ仕様です。XやLINE・Slackなどのプラットフォームでも広く採用されており、URLをシェアした際に表示されるタイトル・説明文・サムネイル画像を制御できます。
基本的な実装
<head>
<!-- OGP基本設定 -->
<meta property="og:title" content="ページタイトル" />
<meta property="og:description" content="120〜160文字の説明文" />
<meta property="og:image" content="https://example.com/ogp.png" />
<meta property="og:url" content="https://example.com/page/" />
<meta property="og:type" content="website" />
<!-- X(Twitter)Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@username" />
</head>
OGP画像のサイズ
| 用途 | 推奨サイズ |
|---|---|
| 基本OGP画像 | 1200×630px |
| X Summary Large Image | 1200×628px |
| 最小サイズ | 600×315px |
og:typeの主な種類
- website: 一般的なページ(デフォルト)
- article: ブログ記事(og:article:published_timeも追加)
- product: 商品ページ
確認ツール
- Facebook Sharing Debugger: OGP情報のキャッシュクリアと確認
- X Card Validator: Twitter Cardの確認
- OGP確認ツール(無料): opengraph.xyなど
まとめ
OGPはSNSでのCTR(クリック率)に直結します。特にog:imageは視覚的なインパクトが大きいため、ページタイプに合わせた専用OGP画像を用意することを推奨します。
関連する用語 (Webマーケティング)
全45件を見るIT用語: ランディングページ(LP)とは|広告流入を成果に変えるページ設計
広告やSNSからの流入を特定の行動(購入・登録)に誘導するランディングページの構造と設計原則を解説。
詳しく読む
ランディングページ(LP)
特定の目的(申し込み・購入・資料請求)に特化した1ページ完結型のWebページ。ナビゲーションを排除して離脱を減らし、コンバージョンに集中させる設計が特徴。
詳しく読む
LTV (Life Time Value)
一人の顧客が、サイトやサービスを使い始めてから利用をやめるまでの「一生涯」で、企業にどれだけの利益をもたらしてくれるかを示す超重要指標。
詳しく読む
IT用語: メールマーケティングとは|ROI最高のデジタルマーケティング手法
メールリストへの配信で顧客との関係を構築するメールマーケティングの仕組みとオートメーションを解説。
詳しく読む
IT用語: オーガニックトラフィックとは|広告費ゼロで集める自然検索流入
検索エンジンの自然検索結果からの流入(オーガニックトラフィック)の特性とSEOによる増やし方を解説。
詳しく読む
ドメインパワー
Googleなどの検索エンジンが、そのWebサイト(ドメイン)に対して持っている「信頼度」や「権威性」の強さを示す概念・数値。
詳しく読む