blog ブログの悩み

【Twitterカードが表示されない】修正/確認方法を簡潔まとめ

Twitterカードの修正方法と確認方法~Card validator~

この記事で解決する悩み

  • 急にTwitterカードが表示されなくなって困った…
  • 何でこんなことに…どうすれば修正できるの?
  • Card validator使ったらエラーが出ている…
  • お手上げ…だれか助けて…
しょうだい
わかる!ストレスフルだよね!

 

Twitterカードが表示されない状況を解決した方法を紹介します。

この状況に陥ると「記事を書きたいのにTwitterカードの不具合が気になってはかどらない!」、「Twitter集客がメインだったのに全然うまく機能しない!」みたいな気持ちに支配されてモヤモヤした生活を送ってしまいますよね。

 

しょうだい
この記事解説で90%は解決すると思うよ

では、さっそく結論から話します。

 

Twitterカード不具合の修正/確認方法はこれ

  1. Card validatorで正しい表示か確認する
  2. Card validatorで古いキャッシュを削除
    ⇒キャッシュ削除で直ったらここで終了
  3. Card validatorのLogにエラーがあるならWordPerss確認
  4. プラグインを最新に更新しCard validatorで再確認
  5. だいたいこれで修正可能
  6. これでも修正できない場合は直近の作業を振り返ってみる

 

たいていのバグはCard validator(カードバリデーター)でTwitterカードの古いキャッシュを削除し新しいキャッシュに更新することで解決します。

Card validatorによるキャッシュ更新でも問題が解決しない場合はWordPressのプラグイン更新忘れをチェックしましょう。

しょうだい
1つずつ順番に解説するね

 

⇒参考記事┃再検索キーワードとは?調べ方と無料推奨ツールを紹介┃SEO対策

 

Card validatorでTwitterカードのキャッシュを更新する方法

Twitter公式サービスとして「Twitterカードの表示の確認/更新をチェック」するCard validator(カードバリデーター)というサイトがあります。Card validatorにログインして次の手順を行ってください。

しょうだい
超簡単な作業だよ

TwitterカードにしたいブログURLを「Card URL」に入力し「Preview card」をクリックする

card validatorにTwitterカードにしたいURLを入力する

上図のように、TwitterカードにしたいURLを入力欄に打ち込みます。

入力が完了したら「Preview card」をクリックして下さい。

 

Twitterカードが正しく表示されるまで「Preview card」をクリックしてみる(キャッシュ更新)

card validatorでURLを入力し「Preview card」をクリックする

Card validatorの確認手順5つ

①Twitterカードが正しく表示か確認(上図の赤枠部分)

②Twitterカードが正しい表示ならOK

③正しくない場合は「Preview card」を再度クリック(上図の緑枠部分)

④「Preview card」クリックでキャッシュが更新され最新のTwitterカード表示に切替る

⑤Logが緑文字で表示されているため正常、問題なし

 

上記の操作手順をおこなうことでCard validatorというツールでTwitterカードのキャッシュをリフレッシュして最新キャッシュに更新することができます。

過去の画像が表示されたり、アイキャッチが正常表示されないのは「古いキャッシュが邪魔している」ことが原因であることがほとんどです。

つまりCard validatorを使った上記操作手順さえ覚えてしまえば、Twitterカードのたいていの不具合は解決できるということです。

 

しょうだい
当記事をお気に入り登録しておけばいつでも確認出来て迷わずおすすめです。

 

正しく表示されたらこんな画面になる(例)

Twitterカードが正しく表示された

キャッシュが古かっただけであればこんな感じにTwitterカードが表示され問題は解決です。

Twitterでツイートしてみましょう。

しょうだい
次はLogにエラーが出ている時の修正方法を解説するね

 

WordPerssブログのプラグインを最新に更新する方法

カードバリデータでエラー発生(フェッチできない)

 

 

 

このようにLogに「ERROR: Failed to fetch page due to: HttpConnectionTimeout」と出る場合はWordPerssブログのプラグインをチェックしてみましょう。

この場合、古いキャッシュが邪魔しているのではなくてプラグインが邪魔している可能性が高いです。

しょうだい
ということで、WordPerssブログの管理画面に移動しよう

 

ダッシュボード「更新」をクリック

プラグインの更新忘れを確認する

 

「プラグインを更新」をクリックする

「プラグインの更新」をクリックする

切り替わった画面で「プラグインを更新」をクリックすれば完了です。

やることは超シンプル、これだけです。

しょうだい
あとは一定時間待ったあともう一度Card validatorから正しく表示されているか確認してみよう

メモ

プラグインを更新してもうまく表示されない場合は、「表示されなくなった直前のブログ更新で普段と異なる何かをしなかったか」を思い返してみましょう。直前で新しい取り組みをしていた場合、それが不具合の原因の可能性かもしれないのでいったんリセットしてみましょう。

 

Twitter側の不具合の可能性だってある

キャッシュが古いわけでもなく、プラグインも最新で何も問題がなさそうな場合は「Twitterアプリのバグ」を疑ってみましょう。

こちらから修正する行動は起こせませんが、Twitter側の問題だと理解できれば無駄な作業をしなくて済みます。

Twitterのキーワード検索を利用して他アカウントでも同じ悩みを発信している人がいないかチェックしてみましょう。

しょうだい
同時期に同じ悩みがたくさんあればTwitterバグの可能性があるよね

【備考】Twitterカード設定を簡単に操作できる有料テーマ紹介

ちなみにTwitterカードって4種類の表示方法があるのをご存誌ですか?

Twitterカードの種類はこの4つ

  1. Summary Card
  2. Summary Card with Large Image
  3. App Card
  4. Player Card

私はSummary Card with Large Imageで設定しているので上図のような大きな画像で表示されます。

有料テーマを利用していれば超簡単にTwitterカードを設定できおすすめです。おすすめのテーマはAFFINGER6です当サイト(副業サラダ)が利用している有料テーマなので同じように設定したい方は購入を検討してみても良いかと思います。(解説記事も参考にどうぞ↓)

個人ブロガー必見!稼げる有料WordPerssテーマ5選
ワードプレス有料テーマ5選┃ブログ副業で稼げる推奨テーマを大公開

続きを見る

よりブログのアクセス数を増やしたいならSEOがおすすめ

最後にTwitterカードからWEBサイトにアクセスを増やしたい方はSEOでも効果的に集客方法したいと考えておられるはずです。以下のとおり参考記事をご紹介しますので再検索キーワードを意識したキーワード対策に挑戦してみて下さい。便利な無料ツールもご紹介していますので有益ですよ!

↓参考記事┃再検索キーワードとは?調べ方と無料推奨ツールを紹介┃SEO対策

再検索キーワードとは?おすすめ無料ツールも紹介
再検索キーワードとは?調べ方と無料推奨ツールを紹介┃SEO対策

続きを見る

 

以上「【Twitterカードが表示されない】修正/確認方法を簡潔まとめ」でした。

  • この記事を書いた人
  • 最新記事

矢野翔大

WordPressブログが得意なWEBマーケター。今日からここを我の本拠地とする!【経歴】イギリス、オーストラリアで海外生活→株式会社ユニバーサルエンターテインメント→Webマーケ会社→東京から福岡に移住、2児のパパ。

-blog, ブログの悩み