「ツイッターカードが表示されない」ときは【Twitter Card Validator】で解決します

本記事では、ブログ記事をTwitterでシェアした時にTwitterカード（ツイッターカード）が表示されない時の対処法を解説します。

「いろいろ試行錯誤したのに直らないッ！」

WordPressでブログを運営していてテーマを変えた時などに起こりがちなこの現象。

じつは簡単な解決方法がありまして、この方法で対処すれば5分で終了しますのでトライしてみてください。

スポンサードサーチ

サムネイル（Twitterカード）が表示されない問題と理由

本題に入る前に、Twitterカードの話をしておきます。

「簡単な解決方法だけを知りたい」という方はサクッと読み飛ばしてください。

そもそもTwitterカードとは？

Twitterカードとはブログ記事をシェアした時にサムネイルが表示される部分のこと。

ここに画像がちゃんと表示されているとクリック率が倍になると言われています。

Twitterカードが表示されない原因とは？

Twitterカードが表示されない主な原因は下記の通り。

WordPress側の問題

まずはWordPress側でツイッターカードの不具合を引き起こす主な要因を解説します。

下記は “考えられる”要因なので、別の部分が問題を引き起こしている可能性もありますが、まずはこちらを見直してみてください。

1. プラグインの不具合

WordPressでSEO系のプラグインを導入している場合、テーマ自体に付属しているSNSシェア機能とバッティングを起こしてうまく表示されない場合があります。

これが原因の場合、使用しているテーマとプラグインによって解決方法が異なるので、ぶっちゃけどこが原因なのかは一概に言えません。

2. タグの打ち間違い

共有（シェア）タグを自分で作っている場合、単にタグの打ち間違いが原因になっているケースもあります。

落ち着いてひとつずつ確認し直してみましょう。

3. クローラーのアクセス拒否を設定している

過去に掲載画像の盗用被害にあった方で、コンテンツディレクトリのクロール拒否の設定をしている場合はTwitterカードも表示されなくなりますので、クロール拒否の追記コード記載場所を見直しましょう。

Twitterカードのクロールを許可したい場合は、以下のコードを追記しましょう。

User-agent: Twitterbot
Disallow:

4. 画像そのものが問題

まれに大きすぎる（小さすぎる）写真をサムネイルに設定している方がいますが、Twitterカードを表示させるには規定があります。

こちらで規定を確認し、画像サイズを見直しましょう。

Twitter側の問題

Twitterでは「ツイートする画像/動画を不適切な内容を含むものとして設定する」仕組みがあります。

設定方法は公式ヘルプセンターで教えてくれているので、Twitterアカウントの設定を見直してみてください。

【Card Validator】Twitterカードを表示させるツール

ここからが本題です。

上記で解説したツイッターカードの不具合は、自分でコードをいじったり、細かな設定を変えていたりしない限りまず起こりえません。

「WordPressのデザインテーマを変えただけ」などの簡単な理由であれば、「Card Validator」を使用すれば一発で解決します。

「最近デザインテーマを変えた」という方、まずは下記の方法を最初にお試しください。

スポンサードサーチ

Card Validatorの使い方

以上、Twitterでシェアした時にサムネイル画像（ツイッターカード）を表示させる方法でした。

おわりです。