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="画像の説明">
画像仕様
| カード | サイズ |
|---|---|
| summary | 144 x 144 ~ 4096 x 4096 px |
| summary_large_image | 300 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 問形式で確認できる。