![初心者](https://yoshitechblog.com/wp-content/uploads/2020/08/kaisya_woman_bad.png)
Twitter(ツイッター)にWebページのURLを貼っても画像が表示されなくなりました。
設定で直せますか?
Twitter投稿で、ブログ記事などのURL(リンク)を貼るとアイキャッチ画像が自動的にTwitterカード(サムネイル画像)で表示されるはずですが突然出なくなりました。
![サムネイル画像が表示されない](https://yoshitechblog.com/wp-content/uploads/2022/12/604f86a8afb28784ab1cd6f2aec2cec5.webp)
サムネイル画像が表示されない
対処方法をご紹介します。
TwitterにURLを貼ってもサムネイル画像が表示されないときの対処方法
対処方法は簡単で、Twitter公式ページにアクセスしURLを貼り付けて実行するだけ。
(1)Twitter公式のCard Validator _ Twitter Developersにアクセスします。
≫ https://cards-dev.twitter.com/validator
![Twitter Developers Card Validator](https://yoshitechblog.com/wp-content/uploads/2022/12/Twitter-Developers-Card-Validator.webp)
Twitter Developers Card Validator
(2)「Card URL」の下にあるボックスにサムネイル画像を反映させたいWebページのURLを入力します。(コピペ)
![URLをコピペ](https://yoshitechblog.com/wp-content/uploads/2022/12/1bad713ad83b8c529e09145599f3b963.webp)
URLをコピペ
(3)URLを入力したらその下の「Preview card」をクリック。
![Preview cardをクリック](https://yoshitechblog.com/wp-content/uploads/2022/12/cdce2c21292cff5e563c8364505ee3b3.webp)
Preview cardをクリック
(4)右側に「Card Preview」の結果と「Log」が表示されます。
私のときは出ませんでしたが、本来は反映されたサムネイル画像が表示されるようです。
![Card Preview](https://yoshitechblog.com/wp-content/uploads/2022/12/Card-Preview.webp)
Card Preview
原文(英語) | 翻訳(日本語) |
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キーでも可)
![Twitterタイムラインページを更新](https://yoshitechblog.com/wp-content/uploads/2022/12/ddf87266065ba875fb8b65fa0535baae.webp)
Twitterタイムラインページを更新
(6)Webページのアイキャッチでサムネイル画像が表示されました。
![Twitterカードの画像が表示された](https://yoshitechblog.com/wp-content/uploads/2022/12/9ed675a42c525a2a257709d20e57a9a9.webp)
Twitterカードの画像が表示された
以上で手順は完了です。
Card Validator _ Twitter Developersのページはブックマークをオススメします。
Card validator(カード バリデータ)とは?
Card validator(カード バリデータ)は、Twitter公式のサービスツールです。
バリデータ
バリデータとは、バリデーションを行う機能、またはソフトウェアのことである。バリデータでは、入力されたデータが仕様にそって適切に記述されているかを判断し、不適切な箇所があった場合にはエラーとして通知する。
【IT用語辞典バイナリ】 -より引用
Twitterカードの表示をチェックしてエラーを確認したり、最新情報への更新も行ってくれます。(キャッシュの更新)
例えば過去記事のアイキャッチ画像を変更したけど、Twitterで貼ったほうの画像になかなか反映されないときにも活用すると良いでしょう。
未検証ですが、原理としてはYoutubeのサムネイル画像がTwitterで表示されない現象にも有効なはずです。
まとめ:反映のタイミングはケースバイケース?
この操作を行ったあとすぐに、別のURLをTwitter投稿に貼り付けしてみましたがちゃんとサムネイル画像が表示されました。
そもそもこの作業をしなくても、時間を置けば自動的にサムネイルが反映されるかもしれません。
![](https://yoshitechblog.com/wp-content/uploads/2020/11/Speech-bubble-yoshitech-1-L.png)
サチコ(Google Search Console)のURL検査でインデックスリクエストをするのと同じような挙動なのかも。
Twitterの仕様バグかわかりませんが、サムネイル画像が表示されないとクリック率も悪くなるのですぐに反映させたいときは、応急的に今回の方法で対処してみてください。
コメント
よしてっく様
お世話になります、はじめまして^^
ご提示いただいた解決法を試してみたら、無事に表示されました!^^
「この機能は使用できなくなった」という昨年秋頃の他の方の記事を読んだので
もう修正できる方法は無いのか?とあきらめかけましたが、
こちらの記事に辿り着けてよかったです。
ありがとうございました!
美彩Misaさん、初めまして。
記事がお役に立って良かったです!
コメントありがとうございました。
(*^^*)