Twitter カード検証ツール

X（Twitter）カードの 4 種類

レイアウトは twitter:card の値で決まります。このツールは入力された値を読み取ります。X が対応する 4 種類は次のとおりです。

必須タグと推奨タグ

このツールが確認するのは最初のグループ、つまり X がどのカードにも必要とする 3 つのタグだけです。

必須（ここで確認します）:

• twitter:card、使用するレイアウト
• twitter:title、見出し（X は先頭のおよそ 70 文字を表示します）
• twitter:description、説明（X は先頭のおよそ 200 文字を表示します）

推奨（ここでは確認しませんが、追加をおすすめします）:

• twitter:image、PNG・JPG・GIF への https:// で始まる絶対 URL。サマリーカードは最低 300 x 157 px、summary_large_image は 800 x 418 px
• twitter:site、ブランドの @handle
• twitter:creator、著者の @handle
• twitter:image:alt、アクセシビリティ用の代替テキスト

よくある間違い

• Open Graph タグだけ。 X は og:title、og:description、og:image にフォールバックするのでリンク自体は展開されますが、twitter:card が無いとレイアウトは既定で小さなサマリーになります。可能なら両方のセットを入れましょう。
• 画像が小さすぎる。 300 x 157 px を下回ると、カードがテキストのみに縮むことがあります。
• 相対パスの画像 URL。 twitter:image は絶対 URL（https://...）である必要があります。相対パスは無視されます。
• name= ではなく property=。 X も、このツールも、Twitter タグを name="twitter:..." から読み取ります。property="twitter:..." は Open Graph では機能しますが、これらのタグには使えません。
• 説明が長すぎる。 およそ 200 文字を超えると X が切り詰めます。多くの場合、単語の途中で切れます。

本物のカードを確認する方法

X は公式の Card Validator（cards-dev.twitter.com/validator）を 2023 年に終了したため、ライブプレビューを表示する公式ページはもうありません。このツールは必須タグが存在し読み取れることを確認します。本物のカードを見るには、リンクを投稿の下書きや自分宛てのダイレクトメッセージで共有するか、サードパーティのリンクプレビュー確認ツールを使ってください。タグを直しても X が古い画像を表示し続ける場合は、画像 URL に ?v=2 のようなクエリ文字列を追加してキャッシュを回避します。