Twitterでアイキャッチが表示されない・更新されない場合の対応方法

ブログを書いてTwitterなどでツイートした時にアイキャッチ画像が表示されない又は更新されない時があると思います。今回はその時の対応方法を説明します。

そもそもアイキャッチ画像自体が表示されない場合

アイキャッチ画像の設定をしていない

WordPressのアイキャッチ設定

はてなブログのアイキャッチ設定

 

ブログを書いてツイートしたものの、そもそもアイキャッチ画像の設定をしていない場合は当然アイキャッチ画像が表示されません。まぁ当然ですよね。

この場合はアイキャッチ画像を設定してください。

アイキャッチ画像を設定したのに表示されない場合

Twitterにツイートした時点でツイートに表示される情報は上記のソースコードの部分にあたります。つまりこのtwitter:imageの項目が無いといくらアイキャッチ画像を設定しても表示されません。

WordPressの場合はテーマによってない場合がありますが、これはSEO関係のプラグインなどで対応可能です。

一番簡単なのはJetpackのプラグインでPublicize connections項目を有効にするだけでOKです。

タイトルやアイキャッチ画像を変更しても更新されない場合

Twitterは一度URL付きのツイートをすると、Twitter側のサーバーにキャッシュを保存して表示を高速化しています。

なのでツイートして直後はキャッシュがなくてURLがそのままツイートされている時もあります。しばらくするとTwitterのサーバーにキャッシュされてアイキャッチ等が正常に表示されます。

問題
間違ったタイトルやアイキャッチ画像を設定していたり、途中で変更した場合はいくら再度ツイートしても同じURLの場合は古いキャッシュが優先されて表示されてしまいます

Twitterのサーバーのキャッシュを更新する

Twitterのキャッシュを更新する場合はCard validatorを使用します。

参考 Card ValidatorTwitter Developers

操作方法は簡単で、更新したいURLをコピペしてPreview cardを押すだけです。

すると、最新のタイトルとアイキャッチ画像の情報を取得してくれます。正常に取得されるとCard loaded saccessfullyと表示されます。

注意
ちなみに先ほど説明したtwitter:imageの項目が無いURLのキャッシュを更新しようとしてもこのようにCard errorと表示されてしまいます。

まとめ

Twitterのキャッシュの有効期限がわからないので、記事のタイトルやアイキャッチ画像を変更した場合はCard validatorで一旦キャッシュをクリアすることをおすすめします。

ポイント
ツイートしてすぐにアイキャッチ等を表示させたい場合は、事前にツイートするURLをCard validatorに入力してキャッシュを先に取得しておくとツイートした瞬間からアイキャッチが表示されるの便利ですよ(^o^)

アイキャッチの最適な画像サイズについてはこちらの記事をご覧ください。

アイキャッチの最適なアスペクト比と画像サイズについて

コメントを残す