X(旧Twitter) でブログ記事のアイキャッチ画像がうまく表示されない場合、以下の方法を試すことで解決できることが多いです。
手順を確認しながら、一つずつ対処していきましょう。

便利グッズ大作戦もこの『ろずマガ』も、この記事の方法で解決しなかったことは今のところありません。
スゴく簡単な方法で解決しちゃうよ!

Card Validatorを使って確認する

X(旧Twitter)では、アイキャッチ画像が Twitterカード として認識されているかを確認するツール「Card Validator」があります。
手順
- Card Validatorにアクセスします。
- 該当URL(アイキャッチ画像を設定したブログ記事のURL)を入力します。
- 「Preview card」ボタンをクリックします。
- 右側の「Log」部分が全て「INFO」で緑色の文字になっていればOKです。
- URLが違う場合などは、「WARN」というオレンジ色の文字でエラーが返ってきます。
OK | NG |
---|---|
![]() | ![]() |

大抵の場合は、少し待つことはあるものの、これだけで解決します。
Card Validatorはメチャメチャ使うから必ずブックマークしておこうね!

Card Validatorで解決しない時の追加対策

Card Validatorで確認してもアイキャッチ画像が表示されない場合は、以下の対策を試してみてください。
画像ファイル名を変更する
X側のキャッシュが古い場合、同じ画像が認識されないことがあります。
手順
- アイキャッチ画像のファイル名 を変更します。
(例:image01.jpg
→image01_new.jpg
) - WordPressやブログの管理画面から新しい画像をアイキャッチに設定し直します。
再度Card Validatorにかける
画像を変更した後、再びCard Validatorで該当URLを確認します。
再度 Preview card を押すことで、X(旧Twitter)側のキャッシュがクリアされて最新の画像が認識されやすくなります。


以前はこれが分からず、頭を悩ませていたこともありました。
ファイル名を変えてアイキャッチを設定しなおすだけっていう単純なことでなおっちゃうんだね!

まとめ

アイキャッチ画像が表示されない場合の主な解決方法は以下の通りです。
解決手順
- Card ValidatorでURLを確認 し、「Preview card」でチェックする。
- 表示されない場合は 画像ファイル名を変更 し、アイキャッチを再設定。
- 再度Card ValidatorにURLをかけて最新情報に更新する。
この手順を実施すれば、X(旧Twitter)上でアイキャッチ画像が正しく表示されるようになります。
問題解決にお役立てください!

意外とこの方法を知らない人って多いのかなという印象があります。
Xで最新の投稿にも関わらずアイキャッチが表示されてない人をよく見かけるもんね!


本件とはまた別ですが、チャットAIに作ってもらったプログラムで動かなくて困る時には、クラス名を確認してみるといいです!