Amazonギフト券にチャージですると最大2.5%が還元!

Twitterカードが表示されない場合はCard validatorが便利!使い方を詳しく解説

Twitterで自分のブログ記事を投稿してもアイキャッチ画像が表示されないことってたまにありますよね。

Card Validator

唐突に生じるこの現象ですが、解決方法は簡単です。

本記事では「Card Validator」を使って、表示されなくなったTwitterカードを再表示する方法について、詳しく解説します。

特にブログを始めたばかりの頃はTwitterからのアクセスはとても貴重なので、より多くの人に認知してもらうためにアイキャッチはきちんと表示させておきたいところ。

手早く解決してしまいましょう。

最初にWordPressでアイキャッチ設定が漏れてないかチェック

まず最初に、WordPress側の設定でアイキャッチ画像の設定が漏れてないかをチェックします。

トラブルは簡単で単純なところから確認していくのが鉄則です。

WordPressの場合、プラグインでアイキャッチ画像を設定する場合もあるので、そちらで正しく設定されているかを確認します。

プラグイン「All in One SEO」を利用している場合

「All in One SEO」をインストールしている場合、アイキャッチ画像は、エディターの「投稿の編集」内で設定します。

エディターの画面を下にスクロールさせると「メイン設定」と「ソーシャル設定」の2種類のタブがあるので、「ソーシャル設定」の方を選択します。

All in One SEO

SNS上で画像を表示したい場合は、ここで表示する画像を記事ごとに設定しておく必要があります。

この設定は記事一覧や記事上で表示するアイキャッチ画像とは別なので、ここで設定しておかないとシェアされたときに画像が表示されません。

意外とこのチェックを忘れがちなので、まずはこちらが漏れてないか確認しておきましょう。

「Card Validator」でTwitterのアイキャッチ画像のキャッシュをクリアする

WordPress側でアイキャッチ画像を設定したにも関わらず、ツイートに表示されない場合があります。

設定したはずが、下記の様に画像が表示されていません。

Card Validator

このような場合に考えられるのは、Twitterカードのキャッシュによる問題。

Card Validator」を使えばTwitterカードのキャッシュをクリアできるので、こちらを利用します。

Card Validatorの画面は以下のようになっています。

Card Validator

画面のレイアウトはひたすらシンプル。

使い方も簡単で、やることは問題の記事URLを「Card URL」欄に貼り付けるだけです。

Card Validator

短縮URLでもOKです。

入力したら「Preview card」ボタンを押すと、アイキャッチ画像が復活した本来のTwitterカードが表示されます。

Card Validator

この表示が出ればキャッシュクリアは完了しているので、Twitterのタイムラインを確認してみましょう。

該当のツイートを見てみると、

Card Validator

無事、表示されました!

まとめ:アイキャッチ画像の不具合はCard Validatorで解決しましょう

以上、Twitterカードの表示されない問題について、解決方法を解説しました。

とくにAll in One SEO 由来でない謎のTwitterカードの不調はわりとあったりします。

面倒ではありますが、Card Validatorを使って都度解決しておきましょう。