このツールについて
X（旧Twitter）は、リンクが共有されたときに表示されるプレビューカードを作るために、twitter:card、twitter:title、twitter:description、twitter:image、twitter:site という独自のmetaタグ群を読み取ります。これはOpen Graphとは別の規格で、レイアウトは2種類あります。summary_large_imageは上部に横長の画像、その下に小さなテキストブロックを表示し、summaryはタイトルと説明の横にコンパクトな正方形のサムネイルを表示します。ブログ記事や読み物には大きな画像のレイアウトを、ビジュアルよりテキストが重要なユーティリティページにはsummaryを使ってください。
対応するtwitter:プロパティが見つからない場合、Xは対応するog:タグにフォールバックします——og:title、og:description、og:imageが不足分を補います——そのためOpen Graphタグしか設定していないページでもカードは表示されますが、X独自の細かい制御はできません。完全にカバーするには、姉妹ツールのOpen Graph ジェネレーターでOpen Graphタグを生成し、このページのtwitter:タグと組み合わせてください。両方合わせれば、X、Facebook、LinkedIn、Slack、Discordをはじめとするほとんどのチャットアプリなど、大多数のプラットフォームがリッチなリンクプレビューに利用する2大規格をカバーできます。
よくある質問
summaryとsummary_large_imageの違いは何ですか？
summaryはテキストの横に小さな正方形のサムネイルを表示し、summary_large_imageはテキストの上に全幅のバナー画像を表示します。ブログ記事や製品など視覚的なコンテンツには大きい方を使ってください。
Twitter Cardタグを追加した場合でも、Open Graphタグは必要ですか？
はい。X/Twitterは省略されたtwitter:フィールドに対してOpen Graphタグにフォールバックするため、両方を維持することでプラットフォーム全体で最も信頼できる結果が得られます。