Domain 167 / 225

Twitter Card は X(旧 Twitter)でのリンク表示を制御する規格

Twitter Card の要点

Twitter Card は X 上でリンクをシェアした時の表示を制御する。summary(小画像)/ summary_large_image(大画像、推奨)/ app / player の 4 種類。1200x675px の画像と短いタイトルで CTR が大きく変わる

なぜこれを学ぶか

X は SEO 担当者の重要な拡散チャネル。 Twitter Card 設定の差で同じ記事の拡散が 2-3 倍変わる。

X でブランド露出を増やしたい担当者で重要。

学ばないと起きること

よくある事故被害
Twitter Card 未設定URL のみ表示、スルー率高
summary 小画像のみsummary_large_image で大画像表示できるのに
画像サイズ不適切クロップで読めない

学ぶメリット

  • X 上の CTR 向上
  • ブランド露出最大化
  • 商談で「Twitter Card 4 種」を即答

仕組み

4 つのカードタイプ

タイプ用途
summary小画像 + タイトル + 説明
summary_large_image大画像(推奨)
appアプリ ストア カード
player動画 / 音声プレーヤー

summary_large_image の実装

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@spotyou">
<meta name="twitter:creator" content="@author_handle">
<meta name="twitter:title" content="記事タイトル">
<meta name="twitter:description" content="記事の概要">
<meta name="twitter:image" content="https://example.com/og.png">
<meta name="twitter:image:alt" content="画像の説明">

画像仕様

カードサイズ
summary144 x 144 ~ 4096 x 4096 px
summary_large_image300 x 157 ~ 4096 x 4096 px
推奨1200 x 675 px (16:9)

ファイルサイズは 5MB 以下、形式は JPG / PNG / WebP / GIF。

OGP との関係

公式: Twitter Card がない場合、OGP(og:title / og:description / og:image)が代用される:

  • og:image → twitter:image
  • og:title → twitter:title

ただし twitter:card のみは独立指定推奨。

キー概念

twitter:site と twitter:creator

役割
twitter:site発行元の X アカウント
twitter:creator著者の X アカウント

両方指定で X カード上で両者表示。

Twitter Card Validator

公式: https://cards-dev.twitter.com/validator

  • 廃止(2023 年)
  • 現在は X のシェア時に確認するか、OGP 全般デバッガで代用

OGP 検証ツールで Twitter Card も確認可能。

キャッシュの扱い

X はカードをキャッシュ:

  • 一度シェアされた URL のカードは固定
  • 更新には再シェア / 一定期間経過

更新用の URL に ?v=2 のような変更を付ける手も。

よくある誤解

よくある誤解実際のところ出典
OGP だけで Twitter も対応twitter:card のみは独立指定推奨Twitter Card
画像サイズは 1200 x 630(OGP 同じ)推奨は 1200 x 675(16:9)同上

実務での適用

Twitter Card の標準実装

全記事に共通テンプレート:

  • twitter:card = summary_large_image
  • twitter:site = ブランドアカウント
  • twitter:title / description / image は OG と同じ動的生成

画像の差別化

OGP 用と Twitter Card 用で画像を分けることも:

  • OGP: 1200 x 630
  • Twitter: 1200 x 675

ただし通常は OGP 共用で十分。

トラブル別の対処

症状確認すべきこと
X で URL のみ表示twitter:card 設定 / 画像の絶対 URL / HTTPS
古い画像が表示キャッシュクリア(URL 変更 / 時間経過)

公式ソース

自己テスト

Q1. 推奨される Twitter Card タイプは?

summary_large_image(大画像表示で CTR 高)

Q2. Twitter Card 用画像の推奨サイズは?

1200 x 675 px(16:9)

Q3. twitter:site と twitter:creator の違いは?

twitter:site は発行元アカウント、twitter:creator は著者アカウント

これらの内容を採点付きで挑戦したい場合は、本ドメインのプロ試験で 5 問形式で確認できる。