2026.09.24 / Journal

OGP設定とは?SNSでの見え方を最適化する方法を解説

OGP設定とは?SNSでの見え方を最適化する方法を解説

「SNSでシェアされた自社ページのサムネイルが表示されない」「タイトルや説明文が意図しない内容で表示されてしまう」——そんな経験はないでしょうか。X(旧Twitter)やFacebook、LINEなどSNS上での見え方を正しくコントロールするために欠かせないのが「OGP設定」です。本記事では、OGPの基本的な仕組みから主要タグの役割、WordPressでの設定方法、設定後の確認手順までをわかりやすく解説します。

この記事の内容

OGPの基本的な意味と、SNSでの見え方に与える影響がわかります

og:title・og:image など主要タグの種類と役割を解説します

WordPressでの設定方法と、設定後の確認手順を紹介します

OGP設定とは?SNSでの見え方を左右する仕組み

OGP(Open Graph Protocol)とは、Webページの情報をFacebookやX、LINEなどのSNSに正しく伝えるための国際的な規格です。もともとはFacebookが提唱したプロトコルで、現在は多くのSNSやチャットアプリがこの仕組みを採用しています。

OGPを設定していないと、SNSでシェアされた際にタイトルや画像が意図しない内容で表示されたり、そもそも何も表示されなかったりする可能性があります。逆に正しく設定できていれば、シェアされたリンクに自社で用意した画像やキャッチコピーを表示させ、クリック率の向上につなげることができます。

meta タグとの違い

検索結果に影響するtitleタグやmeta descriptionタグとは異なり、OGPタグは主にSNSでシェアされたときの見え方を制御するためのものです。両者は役割が異なるため、どちらか一方ではなく両方を適切に設定しておくことが望ましいとされています。

自社サイトのOGP設定、正しくできていますか?

「シェアされたときの表示を一度確認してほしい」「メタタグ周りをまとめて見直したい」という方は、お気軽にHATAORIへご相談ください。

お問い合わせLINE公式

※お見積り・ご相談は無料です

OGP設定で使う主要なメタタグの種類と役割

OGPはHTMLの<head>内に、いくつかのmetaタグを記述することで設定します。ここでは代表的なタグを紹介します。

og:title

SNS上で表示されるタイトルを指定するタグです。ページのtitleタグと同じ内容にする場合が多いですが、SNS向けに短く分かりやすい表現に調整することもできます。

og:description

SNS上で表示される説明文を指定します。ユーザーがクリックしたくなるよう、ページの内容を簡潔にまとめることが重要です。

og:image

シェア時に表示される画像を指定するタグで、クリック率に最も影響を与える要素の一つです。画像が設定されていないと文字だけの地味な表示になり、埋もれてしまう可能性があります。

og:url / og:type

og:urlはページの正規URLを、og:typeはコンテンツの種類(記事なら「article」など)を指定します。

  • og:title:SNS表示用のタイトル
  • og:description:SNS表示用の説明文
  • og:image:シェア時に表示される画像
  • og:url:ページの正規URL
  • og:type:コンテンツの種類

OGP設定がもたらす3つのメリット

1. SNS経由のクリック率向上が期待できる

意図した画像・タイトル・説明文でシェアされることで、タイムライン上で目を引きやすくなり、クリックされる可能性が高まります。

2. ブランドイメージを統一できる

誰がシェアしても同じ画像・文言が表示されるため、企業やサービスのブランドイメージを一貫して伝えられます。

3. 誤解を招く表示を防げる

OGPを設定していない場合、意図しない画像やページ内の一部テキストが切り取られて表示されることがあります。あらかじめ設定しておくことで、こうした表示崩れを防げます。

OGP画像を作成する際に押さえたいポイント

og:imageに指定する画像は、SNSでの見え方を大きく左右します。以下のポイントを意識して作成しましょう。

  • 推奨サイズはおおむね1200×630px前後(1.91:1の比率)
  • 文字は大きめに配置し、小さい表示でも判読できるようにする
  • ロゴやブランドカラーを入れて、どのサイトの投稿か一目で分かるようにする
  • ページごとに内容が伝わる画像を用意すると、より効果的

SNSのタイムラインはスマートフォンで閲覧されることが多いため、小さいサムネイル表示でも内容が伝わるデザインを意識することが大切です。

WordPressでOGPを設定する方法

SEOプラグインを使う方法

WordPressの場合、Yoast SEOやAll in One SEOといったSEOプラグインを導入すれば、記事ごとにOGP用の画像やタイトル、説明文を個別に設定できます。プラグインの管理画面上から入力するだけで、自動的に適切なmetaタグが出力される仕組みです。

テーマやプラグインが対応していない場合

プラグインを使わない場合は、テーマのheader.phpなどにOGPタグを直接記述する方法もあります。ただし、テーマ更新時に上書きされるリスクや、記事ごとの個別設定がしにくいという注意点があるため、可能であれば専用プラグインの利用がおすすめです。

WordPressの設定周り、まとめてお任せください

OGP設定やSEOプラグインの導入・調整など、WordPressサイトの細かな設定でお困りの際は、HATAORIまでご相談ください。

お問い合わせLINE公式

※お見積り・ご相談は無料です

OGP設定後は表示確認を忘れずに

OGPタグを設定したら、実際にSNS上でどのように表示されるかを確認しておきましょう。各SNSが提供する確認ツールを使うと、公開前でも表示イメージをチェックできます。

  • Meta(Facebook)のシェアデバッガー:og:title・og:image などの読み込み状況を確認できる
  • 各SNSアプリ上で実際にリンクを貼り付けて表示を確認する

キャッシュの影響で更新が反映されないことがあるため、修正後はシェアデバッガー側で再取得(スクレイピング)を行うのがポイントです。

まとめ:OGP設定でSNS経由の集客を最大化しよう

OGP設定は、SNSでシェアされた際の見え方をコントロールし、クリック率やブランドイメージに直結する重要な要素です。og:title・og:description・og:imageといった基本タグを押さえ、WordPressであればSEOプラグインを活用することで、無理なく運用に組み込むことができます。設定後は必ず確認ツールでチェックし、意図した表示になっているかを確認しましょう。

Webサイト制作・SEO対策なら神奈川県秦野市のHATAORIにお任せください

HATAORIは、SEO対策を前提にデザイナーがデザインし、マーケターが戦略的な構造を設計する、集客効果の出るWebサイト制作を専門としています。

「神奈川県秦野市最安値」をコンセプトに、必要な機能に絞った柔軟なプランをご用意。Webサイト制作からSEO対策、広告運用、デジタルマーケティング支援まで、緑豊かな秦野から全国のお客様の集客をサポートしています。お見積り・ご相談は無料です。

Webサイトの集客効果、しっかり出せていますか?

OGP設定を含むSEO対策からサイト制作まで、まずはお気軽にご相談ください。

お問い合わせLINE公式

※お見積り・ご相談は無料です

参考文献