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件を見るA/Bテスト(スプリットテスト)
Webページや機能の2つのバリアントをランダムに分けたユーザーに表示し、どちらがより高いCVRやKPIを達成するかを統計的に比較する手法。データに基づく意思決定の基本。
IT用語: UXライティングとは|ユーザーを迷わせないUI文言の設計
ボタン・エラーメッセージ・ツールチップなどのUI文言を設計するUXライティングの原則と実例を解説。
バックリンク(被リンク)
外部サイトから自サイトへ向けられたリンク。SEOにおいて被リンクの質と量はドメインの信頼性・権威性を高める重要なシグナルとなる。
LTV (Life Time Value)
一人の顧客が、サイトやサービスを使い始めてから利用をやめるまでの「一生涯」で、企業にどれだけの利益をもたらしてくれるかを示す超重要指標。
GA4 (Google Analytics 4)
Googleが無料で提供している、世界で一番使われているアクセス解析ツール(Google Analytics)の最新バージョンのこと。
canonicalタグ(カノニカルタグ)
重複コンテンツ問題を解決するHTMLタグ。複数URLで同じコンテンツが存在する場合に「正規URL」を検索エンジンに伝え、SEO評価の分散を防ぐ。