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用語: リスティング広告(SEM)とは|検索連動型広告の仕組みとROI最適化
検索キーワードに連動して表示されるリスティング広告(Google広告)の入札・スコア・最適化手法を解説。
A/Bテスト(スプリットテスト)
Webページや機能の2つのバリアントをランダムに分けたユーザーに表示し、どちらがより高いCVRやKPIを達成するかを統計的に比較する手法。データに基づく意思決定の基本。
ドメインオーソリティ(DA)
Moz社が開発したWebサイト全体の検索エンジンでのランキング力を1〜100でスコア化した指標。被リンクの質・量が主な要因。SEOの相対比較ツールとして広く使われる。
構造化データ(schema.org)
Googleなどの検索エンジンがページ内容を正確に理解するためのマークアップ。JSON-LD形式で記述し、リッチスニペット表示やナレッジパネルへの反映に活用される。
CVR (Conversion Rate / コンバージョン率)
Webサイトに訪れたユーザーのうち、実際に「商品購入」や「資料請求」といった最終目的(コンバージョン)を達成してくれた人の割合(%)。
GTM(Google タグマネージャー)
Webサイトのタグ(計測コード)をコードを書かずに管理できるGoogleの無料ツール。GA4・広告タグ・ヒートマップなどを一元管理できる。