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

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

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

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

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

 

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

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

 

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

 

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

 

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

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

原文（英語）	翻訳（日本語）
Page fetched successfully	ページの取得に成功
25 metatags were found	25 個のメタタグが見つかりました。
twitter:card = summary_large_image tag found	twitter:card = summary_large_image タグが見つかりました。
Card loaded successfully	カードが正常に読み込まれました

 

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

 

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

以上で手順は完了です。

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

 

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

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

バリデータ

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

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

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

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

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

 

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

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

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

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