OGPタグとは？最低限必要なmetaタグと正しい書き方ガイド

OGP設定をしているのに、SNSで意図した表示にならないこともあるかと思います。

OGPタグは単に書けばよいものではなく、正しい種類・順序・値が重要です。
この記事では、OGPタグの役割から、実務で失敗しない書き方までを分かりやすく解説します。

OGPタグとは何をするものか

OGPタグとは、SNSがWebページを読み取る際に参照するmetaタグの一種です。
ページのタイトル、説明文、画像、URLなどを明示的に指定することで、SNS側に「どう表示すべきか」を伝えます。

検索結果には直接影響しませんが、SNS経由のクリック率やシェア率に大きく関係します。

最低限必要なOGPタグ

OGPタグは多く存在しますが、すべてを設定する必要はありません。
実務で最低限押さえておくべきものは限られています。

中でも重要なのは、ページのタイトル、概要、画像、URLを指定するタグです。
これらが揃っていないと、SNSは内容を正しく解釈できません。

OGPタグの基本的な書き方

OGPタグはHTMLのhead内に記述します。
書き方自体はシンプルですが、属性の指定ミスや重複があると、正しく反映されないことがあります。

特に注意したいのは、同じ内容を複数回指定してしまうケースです。
SNSはどの値を使うか判断できず、結果的に意図しない表示になることがあります。

OGPタグでよくあるミス

OGPタグが正しく機能しない原因の多くは、HTML構造ではなくタグの指定ミスです。
画像URLが相対パスになっている、HTTPSで配信されていない、画像サイズが小さすぎるといった問題が頻発します。

また、OGPタグは正しくても、画像自体が最適化されていないことで表示されないケースもあります。

OGPタグとOGP画像はセットで考える

OGPタグだけ正しく書いても、指定している画像に問題があれば意味がありません。
推奨サイズを満たしていない、容量が重すぎる、縦横比が合っていないといった場合、SNS側で無視されることがあります。

そのため、OGPタグ設定と同時に、OGP画像の最適化を行うことが実務では重要です。

OGPタグの確認方法

OGPタグが正しく設定されているかは、SNSのデバッグツールを使って確認できます。
ただし、ここで問題が見つかるケースの多くは、タグではなく画像に起因しています。

画像を最初から推奨仕様で作成しておくと、こうした確認作業もスムーズになります。

実務で失敗しないための考え方

OGPタグは「設定したかどうか」よりも、「意図した表示になっているか」が重要です。
そのため、タグの正確さと同時に、表示に使われる画像の品質と仕様を揃える必要があります。

PixBirdのようなオンラインツールを使えば、OGP用画像を簡単に作成・圧縮できるため、タグ設定の失敗を減らせます。

OGPタグはクリック率を左右する要素

OGPタグは技術的な設定ですが、結果としてSNS上での見え方を大きく左右します。
正しく設定されたOGPタグは、クリック率の高いシェア表示を作るための土台になります。