LINEで個別相談
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 Image1200×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サイト(ドメイン)に対して持っている「信頼度」や「権威性」の強さを示す概念・数値。

詳しく読む

Sponsored Link

バグ・要望を報告する