Open Graph
SNS でのリンク共有時に表示される情報を制御するメタタグプロトコル。Facebook が策定した。
Open Graph Protocol (OGP) は、Facebook が 2010 年に策定したメタタグのプロトコルで、Web ページが SNS でシェアされた際に表示されるタイトル、説明文、画像、URL などの情報を制御します。HTML の <head> 内に og:title、og:description、og:image、og:url、og:type などのプロパティを <meta> タグとして記述します。OGP を設定しないと、SNS のクローラーがページ内容を自動的に推測してプレビューを生成するため、意図しない表示になることがあります。
OGP を適切に設定すると、Facebook、LinkedIn、Discord、Slack、LINE などの SNS やメッセージングアプリでリンクを共有した際に、意図したプレビューカードが表示されます。魅力的なプレビューはクリック率 (CTR) の向上に直結し、コンテンツマーケティングにおいて重要な要素です。実際に、適切な OGP 画像を設定したリンクは、設定していないリンクと比較して CTR が 2 倍以上になるケースも報告されています。SNS マーケティング戦略の書籍で OGP の活用方法を学べます。
各プロパティには推奨される文字数やサイズがあります。og:title は 40 文字以内が推奨され、長すぎると SNS のプレビューで途中で切れてしまいます。og:description は 80〜110 文字程度が最適で、ページの内容を簡潔に伝える文章を設定します。og:image は 1200x630 ピクセルが推奨サイズで、この比率であれば Facebook、X (Twitter)、LinkedIn のいずれでも美しく表示されます。画像のファイルサイズは 8MB 以下に抑えることが推奨されています。
OGP は Facebook が策定しましたが、現在では Web 標準に近い存在として広く採用されています。X (Twitter) は独自の Twitter Card タグ (twitter:card、twitter:title など) を持っていますが、Twitter Card タグが未設定の場合は OGP タグをフォールバックとして参照します。そのため、OGP と Twitter Card の両方を設定しておくのがベストプラクティスです。Google の検索結果には直接影響しませんが、SNS からの流入増加が間接的に SEO に寄与します。
よくある誤解として、OGP タグを変更すればすぐにプレビューが更新されると思われがちですが、SNS のクローラーはキャッシュを保持しているため、即座には反映されません。Facebook では Sharing Debugger、X では Card Validator を使ってキャッシュをクリアし、最新のプレビューを確認できます。また、og:image の URL を変更する際は、ファイル名自体を変更するかクエリパラメータを付与してキャッシュを回避する手法が有効です。Web マーケティング実践の書籍で OGP の設定と検証方法が解説されています。
文字数カウントの観点では、og:title や og:description の文字数制限を意識することが重要です。文字数カウントツールを使って事前に文字数を確認し、各 SNS のプレビューで途切れない長さに調整することで、効果的なソーシャルシェアを実現できます。