Twitterカードが表示されないときの対処法

Twitterカード用のタグを追加しているのにTwitterでTwitterカードが表示されないときの対処法を紹介します。

広告 (下に続く)

Twitterカードが表示されない…

Twitterカードが挿入されるWordPressサイトのリンクをツイートしたのですが、何故か特定のページに限りTwitterカードが表示されません。

同サイトの他のページへのリンクではTwitterカードが表示されました。タグの記載ミスも考えにくいです。

広告 (下に続く)

原因を調べる

Twitterの公式ドキュメントを参照してます。その記載によると「Card validator」なる検証ツールがあり、Twitterによるアクセスログが見られるようです。

Twitterにログイン
Twitterへようこそ。ログインして通知をチェックしたり、会話に参加したり、フォローしているユーザーの最近のツイートを見てみましょう。

先程の問題のURLを開いてみます。

ERROR: Fetching the page failed because the response is too large.

という記載が確認できました。つまり問題のページはページサイズが大きすぎて取得を諦めた。ということになります。

「Card validator」にてURLを入力してみることでTwitterカードが表示されない原因がすぐにわかります。

また、Twitterカードに古い情報が表示されている場合も、「Card validator」にて入力して送信するとキャッシュを頼らずに再取得してくれます。

広告 (下に続く)

シェアする