ガイド
WebページでよくあるOpen Graphタグのミス
ソーシャルプレビュー崩れにつながる代表的なOG実装ミスと改善ポイントを整理します。
OGの問題は複雑な不具合より、基本設定の不足で起きることが多いです。テンプレート段階で直すと全体の品質が安定します。
ミス1: コアタグ不足
og:titleだけあり、og:descriptionやog:imageが欠けるケースが多いです。
コアタグはセットで管理しましょう。
ミス2: 相対URLや非公開画像
og:imageはHTTPSの絶対URLで公開アクセス可能である必要があります。
認証必須画像はプレビュー取得に失敗します。
ミス3: 重複・競合タグ
同じタグが複数あると取得結果が不安定になります。
各フィールドは1つの明確な値に整理します。
ミス4: ページ内容との不一致
ページ見出し、OGタイトル、画像の内容がずれると信頼性が下がります。
ページ更新時はOGも同時に見直しましょう。
簡易監査チェック
確認ポイント:
- 主要OGタグが揃っている
- 画像URLが絶対HTTPSで公開
- 重複競合タグがない
- 共有前にプレビュー確認
役立つ場面
- 既存テンプレート監査
- 大量公開前のQA
- 新メンバー向け運用ルール共有
- 多言語ページ整備
基本をそろえるだけで改善
OGタグを揃えて検証する習慣が、安定した共有プレビューにつながります。