記事執筆者：認定SEOコンサルタント 三田健司
「新しいページをXでシェアしたら、画像が出ないんです」「LINEで送ると、前のページの写真が表示されてしまいます」。こうしたご相談は、ホームページを公開したあとの数日間に集中します。
原因のほとんどはOGPの設定です。OGPはSNSでリンクを共有したときに表示される、画像・タイトル・説明文をコントロールする仕組みです。設定していないと、SNS側が勝手に判断した画像や文章が出てしまいます。
この分野は、ここ1〜2年で状況がかなり変わりました。X（旧Twitter）の公式プレビューツールが使えなくなり、ThreadsやBlueskyといった新しい共有先が増え、推奨される画像サイズの答えも整理されてきています。古い解説記事のとおりに設定しても、うまくいかない場面が出てきました。
この記事では、OGPの基本から2026年時点の推奨サイズ、Xで反映されないときの現実的な対処法、WordPressでの設定手順までをまとめます。中小企業のWeb担当者の方が、自分で確認して直せる状態になることがゴールです。
OGPとは？SNSでの見え方を決める仕組み
まずは言葉の意味から確認します。専門的な話に入る前に、何をコントロールしているのかを押さえておくと、あとの設定作業が楽になります。
Open Graph Protocolの略
OGPは「Open Graph Protocol（オープングラフプロトコル）」の頭文字です。2010年にFacebookが提唱した規格で、ウェブページに「このページの代表画像はこれ」「タイトルはこれ」という情報を持たせる仕組みです。
その後、X、LINE、Slack、Discordなど多くのサービスがこの規格を採用しました。今では「SNSでの見え方を決める共通ルール」として、事実上の標準になっています。
HTMLのhead内に書く「メタタグ」の一種
OGPは、ページの見た目には現れません。HTMLのhead部分に、画面には表示されないタグとして書きます。読者ではなく、SNSのプログラムに向けた情報だと考えてください。
そのため、ページを見ただけでは設定されているかどうかわかりません。確認するには、ブラウザでソースを表示するか、後述する確認ツールを使う必要があります。
Twitter Cardとの関係
OGPと並んで「Twitter Card（現在はXカード）」という言葉を見かけます。これはX独自の規格で、twitter:からはじまるタグで指定します。
ただし、Xはtwitter:タグが無い場合にog:タグを代わりに読みます。そのため実務では、OGPを正しく書いたうえで、カードの形式を決めるtwitter:cardだけを足す形が主流です。
設定しないとどうなるか
OGPを設定していない場合、SNS側はページの中から適当な画像を拾ってきます。多くの場合、ヘッダーのロゴや、たまたま最初に見つかったバナーが選ばれます。
画像が1枚も見つからなければ、画像なしの味気ないリンクになります。同じ内容でも、画像付きのカードとテキストだけのリンクではクリック率が変わってきます。
SEOの順位そのものには影響しない
誤解が多いところなので先に書いておきます。OGPタグは、Google検索の順位を直接動かすものではありません。Googleは検索結果のタイトルや説明文に、原則としてtitleタグとmeta descriptionを使います。
ただし間接的な効果はあります。SNSでシェアされたときに見栄えのよいカードが出れば、クリックされて読まれ、結果として言及やリンクにつながります。OGPは順位対策ではなく、流入経路を増やすための設定です。
2026年、OGPをめぐって変わったこと
OGPの規格そのものは大きく変わっていません。変わったのは、それを読み取る側のサービスです。古い解説記事が通用しなくなったポイントを3つ挙げます。
Xの公式プレビューツールが使えなくなった
かつてXには「Card Validator」という公式ツールがあり、URLを入れるとカードのプレビューが見られました。同時にキャッシュを更新する役割も担っていました。
このプレビュー機能は2022年に終了しています。古い記事の手順どおりにCard Validatorを開こうとしても、以前のような確認はできません。Xのカードを事前に確認する公式手段は、現在ありません。
Xのカードでタイトルの見え方が変わった
2023年、Xはリンクカードからタイトルの表示をいったん取りやめ、画像だけを見せる仕様に変えました。その後、タイトルを画像の上に重ねる形で戻す方針が示されています。
この経緯からわかるのは、Xのカードの見え方は運営の方針で変わりうるということです。だからこそ、画像そのものに内容が伝わる要素を入れておくと安全です。
共有先がThreadsやBlueskyにも広がった
2024年以降、ThreadsやBlueskyといった新しいSNSが定着しました。これらはいずれもOpen Graphの規格をそのまま使っており、専用のタグは必要ありません。
つまり、標準的なOGPを正しく1組用意しておけば、新しいSNSが増えても自動的に対応できます。プラットフォームごとに別々のタグを増やす必要はありません。
AI検索の時代でも役割は変わらない
「AI検索が主流になったらOGPは不要では」と聞かれることがあります。筆者の見方は逆で、SNSでの共有が減っていない以上、役割は変わっていません。
加えて、OGPのタイトルや説明文がページ本文と食い違っていると、ページ全体の情報が矛盾している状態になります。Googleは矛盾したメタ情報を整理するよう促しており、OGPもその一部として一貫させておくのが無難です。
OGPの必須タグと推奨タグ｜書き方の基本
実際に書くタグを確認します。数は多くありません。最低限これだけ入れておけば、主要なSNSで意図した表示になります。
最低限そろえたい6つのタグ
Open Graphの基本タグは次のとおりです。og:からはじまる5つと、X向けのカード形式指定を1つ加えた6つを基本形と考えてください。
| タグ | 役割 | 書き方の目安 |
|---|---|---|
| og:title | カードに出るタイトル | ページのtitleと同じか、少し短く |
| og:type | ページの種類 | トップページはwebsite、記事はarticle |
| og:url | ページの正しいURL | httpsからはじまる絶対パス |
| og:image | カードに出る画像 | httpsからはじまる絶対パス |
| og:description | カードに出る説明文 | 60〜90字程度 |
| twitter:card | Xのカード形式 | 大きい画像ならsummary_large_image |
og:site_nameとog:localeも入れておくとよい
必須ではありませんが、og:site_nameにはサイト名（会社名）を入れておきます。カードの端に小さく表示されるプラットフォームがあり、発信元がひと目でわかります。
og:localeには日本語サイトなら「ja_JP」を指定します。多言語展開をしていない場合でも、書いておいて損はありません。
og:image:widthとog:image:heightは省略しない
意外と効いてくるのがこの2つです。画像の幅と高さを数値で書いておくと、SNS側が画像を取得する前にサイズを把握できるため、カードの生成が速く安定します。
省略すると、初回の共有時にレイアウトが崩れたり、画像が読み込まれる前にテキストだけのカードが出たりすることがあります。1200×630の画像なら、そのまま1200と630を書きます。
og:descriptionは60〜90字を目安にする
説明文の長さは、サービスによって表示される範囲が違います。長く書いても途中で切られるため、前半に要点を置くのが基本です。
目安として60〜90字に収めておくと、多くの環境で最後まで表示されます。検索結果用のmeta descriptionをそのまま使い回しても構いませんが、その場合は前半だけで意味が通るか確認してください。
URLと画像は必ず絶対パスで書く
ここは古い記事でも繰り返し注意されている定番の落とし穴です。og:urlとog:imageは「/images/ogp.jpg」のような相対パスでは正しく読み取られません。
必ず「https://example.com/images/ogp.jpg」の形で、ドメインから書いてください。SNS側は自分のサーバーからページを取りに来るため、相対パスでは画像の場所を特定できないからです。
2026年の推奨画像サイズ｜迷ったら1200×630
もっとも質問が多いのが画像サイズです。プラットフォームごとに微妙に違うため混乱しがちですが、結論はシンプルです。
1枚だけ用意するなら1200×630ピクセル
迷ったら1200×630ピクセル（およそ1.91対1）で作ってください。Facebookが定めた仕様で、LinkedIn、Slack、Discord、WhatsApp、iMessage、Threads、Blueskyが同じ前提で表示します。
Xはこのサイズも受け付け、自動で調整して表示します。ぴったり合わせたい場合は1200×600（2対1）の画像をtwitter:imageに別途指定しますが、中小企業のサイトであれば1枚で十分です。
小さすぎる画像はカードが縮む
Facebookが受け付ける最小サイズは600×315ピクセルとされています。これを下回ると、大きなカードではなく小さなサムネイル表示になってしまいます。
逆に大きすぎるのも問題です。5MBを超えるような画像は多くのサービスが読み込みを拒否します。1200×630のJPEGなら、通常は200KB前後に収まります。
文字は中央寄りに、下端80ピクセルは避ける
カードの下部には、サービス側のUI（ドメイン名やボタン）が重なることがあります。画像の下端80ピクセルほどには、読ませたい文字を置かないほうが安全です。
また、透過PNGに白い文字を載せた画像は、ダークモードのアプリで文字が読めなくなります。背景色は必ず塗りつぶしておいてください。
画像の置き場所が遅いと表示されない
見落とされがちな点です。LINEやiMessageのようなメッセージアプリは、画像の取得に数秒しか待ちません。サーバーの応答が遅いと、その間にあきらめてしまいます。
共有サイトによっては、画像の容量に300KB程度の上限を設けている場合もあります。画像は軽く、速く返せる場所に置くのが基本です。
Xで画像が反映されないときの対処法
ここが現在いちばん相談の多いテーマです。公式ツールが使えなくなったぶん、手順を知っているかどうかで解決までの時間が変わります。
まずタグが正しく出ているか確認する
順番として、キャッシュを疑う前にタグそのものを確認します。パソコンのChromeでページを開き、キーボードのCtrlとUを同時に押すとソースが表示されます。
その画面でCtrlとFを押し、「og:image」と入力して検索してください。1件も見つからなければタグが出力されていません。見つかったら、そのURLをブラウザのアドレス欄に貼って、画像が表示されるかを確かめます。
Xは約1週間キャッシュを持つ
タグが正しいのに古い画像が出る場合は、キャッシュです。Xは一度取得したカード情報をおよそ7日間保持すると言われています。
そして現在、このキャッシュを手動で消す公式な手段はありません。「Card Validatorで更新する」という古い記事の手順は、もう使えないと考えてください。
すぐ直したいならURLにパラメータを足す
実務的な回避策は、共有するURLの末尾に「?v=2」のような文字列を付けることです。Xから見ると別のURLになるため、新しく情報を取り直します。
ただし、これはあくまで一時しのぎです。恒久的に使うと、同じページに対して複数のURLが出回ることになります。急ぎでなければ、1週間待って自然に更新されるのを待つほうが健全です。
og:imageのファイル名を変える手もある
画像だけを差し替えたい場合は、同じファイル名で上書きするのではなく、別のファイル名でアップロードしてog:imageの指定を書き換えます。
SNS側は画像のURL単位でもキャッシュを持つため、ファイル名が変われば取得し直します。ページのURLを汚さずに済むので、こちらのほうが後始末は楽です。
投稿済みのカードは後から直せない
見落としやすい点です。すでに投稿してしまったポストのカードは、あとからOGPを直しても更新されません。カードの情報は投稿時点で固定されるためです。
間違った画像で投稿してしまった場合は、その投稿を削除し、タグを直したうえで投稿し直すことになります。だからこそ、公開前の確認が効いてきます。
会員限定ページやテスト環境は取得できない
意外な原因として、ページ自体がSNSから見えていないケースがあります。ベーシック認証がかかったテスト環境、会員限定ページ、公開前の下書きURLは、SNSのプログラムが中身を読めません。
セキュリティ設定でSNSのアクセスを弾いている場合もあります。公開後に確認する、というシンプルな順番を守るのが確実です。
Facebook・LINE・Threads・Blueskyの違い
Xの話が続きましたが、他のサービスにも癖があります。とはいえ、基本のOGPが正しければ大半は問題なく動きます。
Facebookはデバッグツールが健在
Facebookには「シェアデバッガー」というツールが今も使えます。URLを入れると、Facebookが認識している情報が表示され、キャッシュの再取得も指示できます。
Xで確認できない以上、まずFacebookのデバッガーでタグが正しく読めているかを見るのが実務的です。同じOGPタグを読んでいるので、切り分けの材料になります。
LINEは独自タグを持たない
LINEでリンクを送ったときのプレビューも、標準のOGPを読んでいます。LINE専用のタグを追加する必要はありません。
LINEで表示が古い場合も、やはりキャッシュが原因です。トーク画面から消してもキャッシュは残るため、時間を置くか、URLにパラメータを足して確認します。
ThreadsとBlueskyは標準どおり
ThreadsはMetaのサービスなので、Facebookと同じ考え方でOGPを読みます。Blueskyも標準のOpen Graphプロトコルに従っており、専用タグはありません。
推奨サイズもいずれも1200×630です。新しいSNSが出るたびに設定を足す必要はない、と考えて差し支えありません。
SlackやDiscordでの共有も同じ設定でカバーできる
社内のSlackや、コミュニティのDiscordにURLを貼る機会も増えました。これらもOGPを読んでカードを作ります。
BtoBのサイトでは、商談相手がSlackにURLを貼って社内共有する場面が実際にあります。OGPは社外向けの飾りではなく、社内で回るときの見え方も決めています。
WordPressでOGPを設定する手順
ここからは実際の設定です。WordPressの場合、多くのサイトではすでに何らかの形でOGPが出力されています。まずはそこを確認するところからはじめます。
手順1：すでに出力されていないか確かめる
最近のWordPressテーマやSEOプラグインは、OGPを自動で出力します。重複して設定すると、どちらが優先されるかわからなくなり、かえって不具合の原因になります。
先ほどのソース確認の方法で「og:image」を検索し、すでに出ていれば追加の設定は不要です。中身が意図と違う場合だけ、次の手順に進みます。
手順2：テーマの設定画面を探す
国内の有料テーマの多くは、管理画面にOGP用の入力欄を持っています。「テーマオプション」「カスタマイズ」といったメニューの中に、SNS設定やOGP設定の項目がないか確認してください。
サイト全体の初期画像を指定できる欄があれば、そこに1200×630の画像を1枚登録しておきます。個別に指定していないページは、すべてこの画像が使われます。
手順3：記事ごとの画像はアイキャッチで決まることが多い
ブログ記事のOGP画像は、多くのテーマやプラグインでアイキャッチ画像がそのまま使われます。記事を書くたびに別途OGPを設定する必要はありません。
逆に言えば、アイキャッチを設定し忘れた記事は、サイト共通の画像か、画像なしのカードになります。公開前の確認項目に入れておくとよいでしょう。
手順4：プラグインで補う場合
テーマに機能がなければ、SEO系のプラグインで補います。多くのSEOプラグインには、SNS表示の設定タブがあり、そこで画像とタイトル、説明文を指定できます。
ただし、プラグインを増やすほど表示速度と保守の手間は増えます。すでにテーマ側で出力できているなら、あえて追加しないほうが安全です。
手順5：テーマを直接編集するのは最後の手段
header.phpに直接タグを書く方法もありますが、テーマの更新で消える可能性があります。どうしても必要な場合は、子テーマを使ってください。
ファイルの編集に不安があるなら、無理に触らないことをおすすめします。管理画面から設定できる範囲で十分に対応できるケースがほとんどです。
OGP画像を作るときの実践的なコツ
設定の話に加えて、画像そのものの作り方にも触れておきます。ここは中小企業のサイトで差がつきやすい部分です。
スマホの小さな画面で読める文字サイズにする
OGP画像は、多くの場合スマートフォンで見られます。1200×630で作っていても、実際の表示は手のひらサイズです。
作業中の画面で「ちょうどいい」と感じる文字は、たいてい小さすぎます。画像を縮小表示してみて、それでも読める大きさにしてください。
入れる文字は15字前後まで
記事タイトルをそのまま画像に入れると、字が小さくなって読めません。画像に載せるのは、いちばん伝えたい一言だけに絞ります。
タイトル全文はog:titleが担当します。画像とタイトルで役割を分けると、どちらも読みやすくなります。
社名やロゴを小さく入れておく
カードが転載されたり、スクリーンショットで共有されたりしたときに、発信元がわかるようにしておくと安心です。ロゴは隅に小さく置く程度で構いません。
ウェブ上で自社が繰り返し言及される状態は、AI検索で引用される土台にもなります。画像の隅の社名も、その積み重ねの一部です。
テンプレートを1つ作って使い回す
毎回ゼロから作ると続きません。背景色、ロゴの位置、文字の大きさを決めたテンプレートを1つ作り、文字だけ差し替える運用にしてください。
見た目に統一感が出ると、タイムライン上で自社の投稿だと認識されやすくなります。作業時間も1記事あたり数分で済むようになります。
よくある質問（FAQ）
OGPを設定するとSEOの順位は上がりますか
OGPタグ自体が検索順位を直接上げることはありません。Googleは検索結果のタイトルと説明文に、原則としてtitleタグとmeta descriptionを使います。
ただし、SNSでのクリック率が上がれば流入が増え、記事が読まれる機会が増えます。順位対策ではなく、流入対策として取り組むのが正しい位置づけです。
og:titleとtitleタグは同じ内容でよいですか
基本は同じで構いません。むしろ大きく違う内容にすると、ページの情報が矛盾している状態になります。
titleタグにはサイト名が自動で付くテーマが多いため、og:titleではその部分を省いて短くする、という調整はよく行われます。
画像を差し替えたのに古いままです
SNS側のキャッシュです。Xの場合は約7日で自然に更新されます。Facebookならシェアデバッガーで再取得を指示できます。
急ぐ場合は、画像を別のファイル名でアップロードし直してog:imageの指定を変えるのが、いちばん副作用の少ない方法です。
Xのカードを事前にプレビューする方法はありますか
Xの公式なプレビュー機能は2022年に終了しており、現在は用意されていません。第三者のツールはありますが、実際の表示と一致する保証はありません。
現実的な確認方法は、鍵付きアカウントや自分だけが見られる下書きで一度投稿してみることです。あるいは、Facebookのデバッガーでタグの中身だけ確認しておきます。
すべてのページに個別のOGP画像が必要ですか
必須ではありません。ブログ記事や主要なサービスページには個別の画像を用意し、それ以外はサイト共通の画像に任せる、という運用で十分です。
ただし、共通画像がロゴだけだと、どのページを共有しても同じ見た目になります。共有される可能性の高いページから優先的に個別化してください。
OGPの設定は自分でできますか
WordPressであれば、多くの場合は管理画面の設定と画像の登録だけで完了します。ファイルを直接編集する必要があるケースは限られます。
まずはソースを表示してog:imageを検索し、現状を把握するところからはじめてください。何も出力されていない場合だけ、テーマかプラグインの設定を探します。
まとめ｜OGPは1200×630の画像1枚からはじめる
OGPは、SNSでリンクを共有したときの画像・タイトル・説明文を決める仕組みです。2010年にFacebookが提唱した規格が、今ではX、LINE、Threads、Bluesky、Slackなど広く共通の土台になっています。
この1〜2年で変わったのは、規格ではなく読み取る側です。Xの公式プレビュー機能は2022年に終了し、カードの見え方も一度大きく変わりました。ThreadsやBlueskyという新しい共有先も増えています。
画像サイズで迷ったら1200×630ピクセルです。この1枚で主要なサービスをほぼカバーできます。URLと画像は必ず絶対パスで書き、幅と高さの指定も省略しないでください。
反映されないときは、キャッシュを疑う前にタグそのものを確認します。Ctrl+Uでソースを開き、Ctrl+Fで「og:image」を探す。この2つの操作を覚えておけば、原因の半分は自分で切り分けられます。
今日できることを1つ挙げるなら、自社サイトのトップページと、いちばん見てほしいページのURLを、実際に自分のLINEに送ってみることです。そこで出てくるカードが、お客様が目にしている見た目そのものです。
OGP設定・ホームページのご相談はアクセス・リンクへ
株式会社アクセス・リンクは、栃木県下野市を拠点に、ホームページ制作、SEOコンサルティング、サジェスト対策を行っています。代表の三田健司は全日本SEO協会の認定SEOコンサルタントで、Web制作歴は10年以上、延べ1,000件以上のサイトに携わってきました。
「OGPが正しく設定されているかわからない」「SNSでシェアしたときの見た目を整えたい」といったご相談も承っています。既存サイトの確認から、画像テンプレートの用意、公開前のチェック体制づくりまで対応できます。
現状の診断だけでも構いません。ご相談はお問い合わせフォームよりお気軽にお寄せください。
記事執筆・株式会社アクセス・リンク 代表取締役
Webサイト制作歴10年以上の経験を元にSEOコンサルティングを行い、延べ1,000件以上のサポート実績を誇ります。個人事業主や中小企業向けのホームページ制作やSEOコンサルティングを得意としています。
（社）全日本SEO協会 認定SEOコンサルタント
コメント