【保存版】Xサムネイル画像が表示されないときの直し方｜OGP設定からキャッシュ対策まで

こんにちは。タロウ(taroblog85)です。以前【これで解決】X(旧Twitter)でアイキャッチ画像が表示されない状態を防ぐ方法。

という記事を書きましたが、同じように

「Xでサムネイル画像が表示されずに困っている」人も一定数いるのではないでしょうか？

そこで今回は、X(旧Twitter)でサムネイル画像が表示されるための解決方法について、2026年時点の最新仕様に沿って解説します。

タロウ

サムネイル画像もSNS経由のアクセス数に影響がでるのでしっかりと対策しましょう！

1.サムネイル画像とは？アイキャッチ画像との違いはコレ！

「サムネイル画像」とは、XなどのSNSでURLがシェアされた際に自動生成される、コンテンツ概要を一目で伝える縮小画像のことです。似た言葉に「アイキャッチ画像」がありますが、役割はまったく異なります。両者の違いを理解することが、X経由のアクセス数を伸ばす第一歩です。

1-1.サムネイル画像の特徴

1-2.アイキャッチ画像の特徴

タロウ妻

SNSでシェアされたときに表示されるのはサムネイル画像の方なんですね！てっきり同じものだと思ってた。

アイキャッチ画像を設定していても、X用のタグが正しく設定されていないとサムネイル画像は表示されないよ。この違いを知らずに困っている人が多いんだよね。

タロウ

2.X(旧Twitter)でサムネイル画像が表示されないメカニズムを解説

X(旧Twitter)のサムネイル表示は、投稿されたURLをXのクローラーが読み取り、ページ内の指定タグから画像を取得する仕組みです。したがって、以下3つのどこかに不備があると表示されなくなります。

✅. 画像サイズ・容量が規定外になっている。
✅.Xカード用メタタグ（twitter:card等）の記述が不足・誤りがある。
✅.OGP（Open Graph Protocol）タグの設定に不備がある、またはXのキャッシュが古いままになっている。

タロウ

ひとつひとつ問題点を切り分けて解消していきましょう。

3.サムネイル画像が表示されるメリット・デメリットとは

サムネイル画像の表示有無は、X経由のクリック率に直結する要素です。表示される場合とされない場合のメリット・デメリットを整理しておきましょう。

3-1.サムネイル画像が表示されるメリット

1.クリック率の向上
2.記事の視認性アップ
3.ユーザーの興味を喚起
4.シェア数の増加

3-2.サムネイル画像が表示されないデメリット

1.コンテンツの魅力低下
2.クリック率の著しい減少
3.ユーザーの関心を失う
4.シェア数が伸びない

タロウ妻

画像があるだけでこんなに差が出るの？

あるんだよね！同じテキストの投稿でも画像付きは目に留まりやすくクリック率が大きく変わる！だからこそサムネイル対策は後回しにしてはいけないポイントなんだよ。

タロウ

4.サムネイル画像を確実に表示させる具体的な方法【2026年最新仕様】

サムネイル画像を確実に表示させる方法は、「画像仕様の最適化」「Xカード用メタタグの正しい設置」「OGPタグの設定」の3点を正確に行うことです。順番に解説します

4-1. 画像の最適化を行う。

サムネイル画像が表示されるためには推奨サイズやフォーマット(拡張子)があります。

画像のサイズが大きすぎると表示スピードが遅くなるため、画素数が粗くならない範囲でファイルサイズを調整することも大切です！

1.推奨サイズ：1200×630ピクセル
2.画像フォーマット：JPG、PNG、GIF、WebP
3.ファイルサイズ：5MB以下

【フォーマットごとの特徴】

4-2. Xカード用メタタグを正確に設定する。

Xカード用メタタグとは、「サムネイル画像を検索やSNSで正確に表示させるための大事な設定タグ」です。

以前は<meta name="thumbnail">という汎用タグを使う解説も見られましたが、Xの正式仕様では以下のtwitter:カード系タグを使用するのが正確です。

HTMLのタグ内に、以下のメタタグを記述します。content属性には画像の絶対URL（https://から始まる完全なURL）を指定してください。

【html】

<code><meta name="twitter:card" content="summary_large_image"></code><br>
<code><meta name="twitter:title" content="ページタイトル"></code><br>
<code><meta name="twitter:description" content="ページの説明文"></code><br>
<code><meta name="twitter:image" content="画像の絶対URL"></code>

タロウ妻

昔の記事だと「meta name="thumbnail"」って書いてあるものも見かけるけど、あれは古い情報なの？

鋭いね。あのタグはXの正式仕様には存在しなくて、実際にXへ画像を表示させるにはtwitter:card系のタグが必須なので、この記事では正しい書き方に修正したよ。

タロウ

4-3. OGP（Open Graph Protocol）タグの設定をする。

OGP(Open Graph Protocol)とは、WebページのURLがX（旧Twitter）などのSNSに投稿されたときに、「タイトル」「画像」「説明文」などの補足情報を表示するための仕組み」です。

twitter:カード系タグと併用することで、X以外のSNSやチャットツールでも同じ画像・タイトルが正しく表示されやすくなります。

具体的には以下の流れで設定することができます。

基本的なOGPの設定手順

①.head要素に prefix=”og: http://ogp.me/ns#” を追加する

②. headerタグ内のmetaタグで所定の要素を追加する

③.必要に応じて「表示用の画像」を用意する（1200×630px推奨）

headerタグ内のmetaタグには以下の設定を行います。

<code><meta property="og:url" content="ページのURL"></code><br>
<code><meta property="og:type" content="ページの種類"></code><br>
<code><meta property="og:title" content="ページのタイトル"></code><br>
<code><meta property="og:description" content="ページの説明文"></code><br>
<code><meta property="og:site_name" content="サイト名"></code><br>
<code><meta property="og:image" content="サムネイル画像のURL"></code>

4-4. それでも表示されない場合はキャッシュを疑う。

タグを正しく設定しても表示が変わらない場合、Xがページ情報を過去にキャッシュしたまま更新していないケースがあります。

この場合はCard ValidatorなどXの公式検証ツールでURLを再取得させることでキャッシュが更新され、正しい画像が反映されます。

▶︎WordPressの始め方を超具体的に解説ーWordPressブログの始め方完全ガイド｜初心者が今日から収益化ブログを開設する5ステップ

5.WordPressでサムネイル対策におすすめのSEOプラグイン

WordPressでサムネイル画像対策をするなら、SNSカード設定機能を備えたSEOプラグインの導入が近道です。代表的な2つを紹介します

1.Yoast SEO

2.All in One SEO

5-1.Yoast SEO

Yoast SEOは、WordPressサイトのSEO対策を総合的にサポートする定番プラグインです。

記事のメタ情報・タイトル・説明文の最適化、キーワード分析、パンくずリストの設定など、SEOに必要な機能を幅広くカバーしています。

無料版でもXカード（Twitterカード）やFacebook OGP設定に対応しており、SNSでの画像表示を管理画面から簡単に設定できます。

5-2.All in One SEO（AIOSEO）

All in One SEO（AIOSEO）は、Yoast SEOと並んで利用者の多いSEOプラグインです。メタタグ生成、XMLサイトマップ作成、ソーシャルメディア設定などSEO最適化に必要な機能を幅広くカバーしています。サムネイル画像についてもFacebook OGPやXカード設定が可能で、SNS共有時の画像表示をカンタンに設定できます。初心者から上級者まで使いやすいインターフェースが特徴です

タロウ

このブログはAll in One SEOを使っています！画像URLを入力するだけでtwitter:card系タグを自動出力してくれるので、手作業でタグを書く必要がなくミスも減ります。

6.無料・低価格で使えるサムネイル作成ツール。

サムネイル作成ツールとは、デザインの専門知識がなくても1200×630pxの規定サイズに沿った画像を効率よく作れるサービスのことです。代表的な3つを紹介します。

1.Canva
2.Unsplash
3.Imgix

6-1.Canva

6-2.Unsplash

6-3.Imgix

タロウ妻

個人ブログならCanvaだけで十分そう。

そうだね。まずはCanvaの無料版で1200×630pxのテンプレートを使って、慣れてきたら有料版や画像CDNの導入を検討する流れがおすすめ！

タロウ

7.読者の行動を促すテクニック。シェアされる投稿の仕掛けとは？

「シェアされる投稿の仕掛け」とは、サムネイル画像だけに頼らず、投稿文全体で読者の行動を後押しする工夫のことです。サムネイル画像経由で訪問したユーザーにさらにシェアしてもらうため、下記5つの項目を意識してみましょう。

8.まとめ:【徹底解説】「X(旧Twitter)でサムネイル画像が表示されない？」原因と解決方法と拡散方法まで。

いかがでしたか？サムネイル画像の表示は単なる技術的な問題ではなくコンテンツマーケティングの中でも重要な要素です。

適切な設定と戦略であなたのコンテンツの魅力を最大限に引き出しましょう。

よくある質問（FAQ）

Q1.Xでサムネイル画像が表示されない一番多い原因は何ですか？

画像サイズや容量が規定外になっているケースと、twitter:card系メタタグの記述漏れ・誤りが最も多い原因です。

Q2.サムネイル画像の推奨サイズはどれくらいですか？

横長のsummary_large_imageカードの場合、1200×630ピクセルが推奨サイズです。

Q3.画像のファイルサイズに上限はありますか？

あります。Xの仕様では5MB以下が上限です。

Q4.meta name="thumbnail"というタグを設定すればXに表示されますか？

表示されません。このタグはXの正式仕様には存在しないため、twitter:card・twitter:image等のタグを設定する必要があります。

Q5.OGPタグとXカード用タグは両方設定すべきですか？

はい。OGPタグはX以外のSNSやチャットツールにも影響するため、twitter:カード系タグと併用するのが基本です。

Q6.タグを設定したのにサムネイル画像が反映されません。なぜですか？

Xが過去のページ情報をキャッシュしたままの可能性があります。Card Validatorなどの公式検証ツールでURLを再取得させることで解決します。

Q7.WordPressでタグ設定を簡単にする方法はありますか？

Yoast SEOやAll in One SEO（AIOSEO）などのSEOプラグインを導入すると、管理画面からXカード用画像・タイトル・説明文を設定でき、タグが自動生成されます。

Q8.画像フォーマットは何がおすすめですか？

JPG、PNG、GIF、WebPに対応しています。写真中心の画像はJPG、透過が必要な場合はPNG、高圧縮・高画質を両立したい場合はWebPがおすすめです。

Q9.サムネイル画像とアイキャッチ画像は同じ設定で兼用できますか？

同じ画像を使い回すこと自体は可能ですが、表示される仕組みが異なるため、それぞれの用途に合ったタグ設定（アイキャッチはテーマ側、サムネイルはtwitter:card系タグ）が別途必要です。

Q10.無料でサムネイル画像を作るにはどうすればいいですか？

Canvaの無料版で1200×630pxのテンプレートを使えば、デザインの専門知識がなくても無料でサムネイル画像を作成できます。

Q11.サムネイル画像を変更したら反映されるまでどれくらいかかりますか？

タグを修正しただけでは反映されないことが多く、Card Validatorなどで再クロールをリクエストすることで即時に近い形で反映されます。