Googleアナリティクスが2023年に現バージョン(GA)廃止を告知。新バージョンへの移行を推奨。

Twitterでブログのアイキャッチ画像が表示されない・・対処法は?

たまにTwitterで、ブログ記事のURLを貼ったのに、アイキャッチ画像が表示されてないツイートを見かけます。

こんな感じ↓

画像部分が空白になってます。

ブログにはTwitterカードの設定はしてあるのに、アイキャッチ画像も入れてあるのに、何故かTwitterでは表示されない。

これ、私も何回か同じような事象になったことがあります。

せっかく記事の紹介をしてるのに、アイキャッチが空白のままだと、残念な印象を与えてしまいます。
格好悪いです。
クリック率も下がるでしょう。

今回はこれの原因と対処法について。
WordPressのブログを例に書きます。

アイキャッチ非表示の原因は?

主な原因はTwitterのキャッシュ(古い画像データ)です。
これが邪魔して表示されないことがあります。

◇投稿した直後の記事
◇かなり以前に投稿した記事
◇アイキャッチを変更したばかりの記事

こういうパターンが多いですね。

対処方法

公式の確認ツール「Card Validator(カードバリデータ)」を使います。

Card Validator | Twitter Developers

これでTwitterでの表示を確認できると共に、最新のアイキャッチ画像の情報をTwitterに伝えることができます。

まず、Card Validatorを開いてTwitterアカウントでログイン。

ブログ記事のURLを記入、「Preview card」をクリック。

一回でアイキャッチが表示されなくても、

何度か「Preview card」を押してると、そのうち表示されます。

で、実際にTwitterにてツイート。

キチンとアイキャッチが表示されました(^^)v

ツイートする前に、Card Validatorで確認する習慣をつけると便利ですよ。

他の原因は?

稀に他の原因もあります。

特にオリジナルテーマのWordPressサイトで多いのですが、Twitterカードの画像パスの記述ミス。

<meta name="twitter:image" content="ここのミス">

案外、これが多いです。
実際にTwitterに表示してみない限り気づかないミスなので、気をつけてください。

この場合は、Card Validatorでも表示されません。

そもそもTwitterカードとは何ぞや?

そもそもTwitterカードとは何ぞや?という人は、下記サイトを参照されてください。

Twitterカードの使い方と設定方法

WordPressの場合は、テーマにすでに設定されている場合が多いです。

設定されてない古いテーマやオリジナルテーマの場合は、以下のプラグインなどで設定してください。

JM Twitter Cards(Twitterカード専用プラグイン)

VK All in One Expansion Unit(多機能プラグイン)

「VK All in One Expansion Unit」は複数の機能が入っているため、このうち「SNS Settings」だけを使ってください。

他のプラグインでは「All in one SEO pack」でも設定は可能ですが、最近になってセキュリティ上の脆弱性が発見されたため、お薦めは出来ません。

ken
よく考えたらFacebookの同種の問題は書いたことあったけど、Twitterは書いて無かったなあ、と。
Card Validatorは、知られてるようで意外に知らない人も多いようですね。
関連記事
【解決】SNS投稿時にブログ・アイキャッチ画像が表示されない問題
PRリンク