Twitter Card とは、Twitter (X) でリンクが共有された際に表示されるプレビューカードを制御するメタデータ仕様です。HTML の <meta name=\"twitter:card\"> タグなどで設定し、タイトル、説明文、画像を含むリッチなプレビューを表示させます。
Twitter Card には 4 つのタイプがあります。Summary (小さな画像付きカード)、Summary Large Image (大きな画像付きカード)、App (アプリダウンロードカード)、Player (動画・音声プレーヤーカード) です。一般的な Web ページでは Summary Large Image が最も視認性が高く推奨されます。<% if (typeof amazonTag !== 'undefined' && amazonTag) { %><a href="https://www.amazon.co.jp/s?k=Twitter%20マーケティング%20SNS&tag=<%= amazonTag %>" target="_blank" rel="nofollow noopener noreferrer" class="amazon-inline-link">Amazon の関連書籍</a><% } else { %>Amazon の関連書籍<% } %>も参考になります。
Twitter Card と OGP (Open Graph Protocol) は併用が推奨されます。Twitter は twitter: プレフィックスのメタタグが設定されていない場合、OGP のタグにフォールバックします。両方を設定しておくことで、Twitter と Facebook の両方で最適なプレビューが表示されます。
Twitter Card の検証には、Twitter の Card Validator ツールを使用して、設定が正しく認識されるかを確認できます。<% if (typeof amazonTag !== 'undefined' && amazonTag) { %><a href="https://www.amazon.co.jp/s?k=SNS%20プレビュー%20最適化&tag=<%= amazonTag %>" target="_blank" rel="nofollow noopener noreferrer" class="amazon-inline-link">SNS プレビュー最適化の実践書</a><% } else { %>SNS プレビュー最適化の実践書<% } %>も役立ちます。