OGPとは

OGP（Open Graph Protocol）は、Facebookが2010年に策定したメタデータの規格です。WebページをSNSでシェアしたとき、どんなタイトル・説明文・画像を表示するかを制御できます。現在はFacebook・X（Twitter）・LINE・Slackなど多くのサービスが対応しています。

必須OGPタグ

<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/page">
<meta property="og:title" content="ページタイトル">
<meta property="og:description" content="説明文（100〜200文字）">
<meta property="og:image" content="https://example.com/image.jpg">

og:imageのサイズ推奨値

  • 推奨サイズ：1200×630px（横長16:9比率）
  • 最小サイズ：600×315px
  • ファイル形式：JPEG・PNG推奨（WebPは一部サービスで未対応）
  • ファイルサイズ：8MB以下。Facebookは1MB以下を推奨

og:typeの使い分け

  • website：トップページや固定ページ（デフォルト）
  • article：ブログ記事・ニュース。article:published_timeなどの追加プロパティが使える
  • product：商品ページ

Xのカード表示

XではOGPに加えてTwitter Cardタグが必要です。大きな画像で表示したい場合はtwitter:cardにsummary_large_imageを指定します。

OGPキャッシュのクリア方法

OGPタグを変更してもSNS側でキャッシュされ、古い情報が表示される場合があります。FacebookのシェアデバッガーやX Card Validatorで強制的にキャッシュをクリアできます。