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件を見るGA4(Google アナリティクス 4)
Googleが提供する次世代のアクセス解析ツール。イベントベースの計測モデルを採用し、WebとアプリのデータをUAより柔軟に統合・分析できる。
robots.txt
検索エンジンのクローラーにクロールを許可・禁止するURLを指示するテキストファイル。サイトルートに設置し、管理画面や重複コンテンツのインデックスを防ぐ。
CPA(顧客獲得単価)
1件のコンバージョン(購入・申し込み・問い合わせ等)を獲得するためにかかった広告費用。CPA = 広告費 ÷ コンバージョン数で算出し、LTVとのバランスで事業健全性を評価する。
GTM(Google タグマネージャー)
Webサイトのタグ(計測コード)をコードを書かずに管理できるGoogleの無料ツール。GA4・広告タグ・ヒートマップなどを一元管理できる。
A/Bテスト(スプリットテスト)
Webページや機能の2つのバリアントをランダムに分けたユーザーに表示し、どちらがより高いCVRやKPIを達成するかを統計的に比較する手法。データに基づく意思決定の基本。
ドメインオーソリティ(DA)
Moz社が開発したWebサイト全体の検索エンジンでのランキング力を1〜100でスコア化した指標。被リンクの質・量が主な要因。SEOの相対比較ツールとして広く使われる。