OGP
よみ: オージーピー
Open Graph Protocol。SNSやチャットでページの URL がシェアされたときに、タイトル・説明文・サムネイル画像をカード形式で表示させるための meta タグの仕様。og:title / og:description / og:image / og:url などを HTML の head に記述する。設定がないと、シェア時に味気ないテキストリンクだけになり、クリック率が大きく落ちる。
OGP はSNS 流入の第一印象を決める要素であり、公開前チェックの必須項目。meta descriptionが検索結果の見た目を決めるのと同様、OGP は SNS 上の見た目を決める。CMSやプラグインで自動生成されることも多いが、画像サイズ(推奨 1200×630px)やタイトルの文字切れは個別に確認が要る。
実務の確認はog:image の指定と表示確認・タイトル / 説明の文字数・各 SNS のシェアデバッガでのプレビュー・キャッシュ更新。Facebook / X(Twitter)はそれぞれ独自の追加タグやキャッシュ挙動があり、画像を差し替えてもしばらく古いものが表示されることがある。ファーストビュー同様、シェアカードも「最初の一瞬」で勝負が決まる。
落とし穴は、OGP 未設定でシェア時に画像が出ず、SNS 流入のクリック率を取りこぼすこと。ほかにも、og:image のサイズ不適合で見切れ / 余白、画像を変えたのに SNS 側キャッシュで反映されない、トップの OGP が全ページに使い回されて記事ごとの訴求が弱い、構造化データと内容が食い違う、といった点に注意する。
言葉をよく利用する人
- Web 担当者(発注側)
- SEO 担当者
- マーケター
- コーダー / フロントエンドエンジニア
- デザイナー
会話上での使用例
公開前に SNS シェアの見た目を確認する場面
-
Web 担当者
公開前に、この記事を X でシェアしたときの見た目を確認したいです
-
コーダー
OGP を設定済みです。シェアデバッガでプレビューしましょう。画像は 1200×630px で、タイトルの文字切れもチェックします
シェア画像が更新されない場面
-
Web 担当者
OGP 画像を差し替えたのに、シェアすると古い画像が出ます
-
コーダー
SNS 側のキャッシュです。シェアデバッガでキャッシュ更新を実行すれば新しい画像に切り替わります