Twitterでリンク先（URL）のサムネイル画像が表示されない｜Youtubeでも

初心者

Twitter（ツイッター）にWebページのURLを貼っても画像が表示されなくなりました。
設定で直せますか？

Twitter投稿で、ブログ記事などのURL（リンク）を貼るとアイキャッチ画像が自動的にTwitterカード（サムネイル画像）で表示されるはずですが突然出なくなりました。

サムネイル画像が表示されない

対処方法をご紹介します。

TwitterにURLを貼ってもサムネイル画像が表示されないときの対処方法

対処方法は簡単で、Twitter公式ページにアクセスしURLを貼り付けて実行するだけ。

(1)Twitter公式のCard Validator _ Twitter Developersにアクセスします。

≫ https://cards-dev.twitter.com/validator

Twitter Developers Card Validator

(2)「Card URL」の下にあるボックスにサムネイル画像を反映させたいWebページのURLを入力します。（コピペ）

URLをコピペ

(3)URLを入力したらその下の「Preview card」をクリック。

Preview cardをクリック

(4)右側に「Card Preview」の結果と「Log」が表示されます。

私のときは出ませんでしたが、本来は反映されたサムネイル画像が表示されるようです。

Card Preview

(5)Twitterのタイムライン面に戻りページを更新します。(F5キーでも可)

Twitterタイムラインページを更新

(6)Webページのアイキャッチでサムネイル画像が表示されました。

Twitterカードの画像が表示された

以上で手順は完了です。

Card Validator _ Twitter Developersのページはブックマークをオススメします。

Card validator（カード バリデータ）とは？

Card validator（カード バリデータ）は、Twitter公式のサービスツールです。

バリデータ

バリデータとは、バリデーションを行う機能、またはソフトウェアのことである。バリデータでは、入力されたデータが仕様にそって適切に記述されているかを判断し、不適切な箇所があった場合にはエラーとして通知する。

【IT用語辞典バイナリ】 -より引用

Twitterカードの表示をチェックしてエラーを確認したり、最新情報への更新も行ってくれます。（キャッシュの更新）

例えば過去記事のアイキャッチ画像を変更したけど、Twitterで貼ったほうの画像になかなか反映されないときにも活用すると良いでしょう。

未検証ですが、原理としてはYoutubeのサムネイル画像がTwitterで表示されない現象にも有効なはずです。

まとめ：反映のタイミングはケースバイケース？

この操作を行ったあとすぐに、別のURLをTwitter投稿に貼り付けしてみましたがちゃんとサムネイル画像が表示されました。

そもそもこの作業をしなくても、時間を置けば自動的にサムネイルが反映されるかもしれません。

サチコ（Google Search Console）のURL検査でインデックスリクエストをするのと同じような挙動なのかも。 

Twitterの仕様バグかわかりませんが、サムネイル画像が表示されないとクリック率も悪くなるのですぐに反映させたいときは、応急的に今回の方法で対処してみてください。