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

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

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

Twitterカードが挿入されるWordPressサイトのリンクをツイートしたのですが、何故か特定のページに限りTwitterカードが表示されません。
同サイトの他のページへのリンクではTwitterカードが表示されました。タグの記載ミスも考えにくいです。

原因を調べる

Twitterの公式ドキュメントを参照してます。その記載によると「Card validator」なる検証ツールがあり、Twitterによるアクセスログが見られるようです。
Card Validator | Twitter Developers
https://cards-dev.twitter.com/validator
先程の問題のURLを開いてみます。
ERROR: Fetching the page failed because the response is too large.
というエラーログが確認できました。つまり問題のページはページサイズが大きすぎて取得できなかった。ということになります。
「Card validator」にてURLを入力してみることでTwitterカードが表示されない原因がすぐにわかります。
また、Twitterカードに古い情報が表示されている場合も、「Card validator」にて入力して送信するとキャッシュを頼らずに再取得してくれます(他のツイートのカードも更新されます)。

@bicstone

大石貴則 (Ōishi Takanori) と申します。 Webエンジニア / セキュリティスペシャリスト / 機械エンジニア です。 プロダクトに幅広く携わり、相互成長し続けられるエンジニアを目指しています。

GitHubLinkedIn