Xカードのプレビュー
任意のURLがX（旧Twitter）上でどのように表示されるかをプレビューします。投稿する前に、カードのタイトル、説明文、画像、リンクのプレビューを確認できます。
タイトル
送信元}
framer.com
投稿する前にX枚のカードをプレビューする
Xカードのプレビュー機能は、共有されたURLがフィードに表示される前に、明確なタイトル、役立つ説明文、適切にトリミングされた画像、認識しやすいドメインが含まれているかを確認するのに役立ちます。
タイトル
X（旧Twitter）カード内でリンクの見出しがどのように表示されるか、また、添えられたポストが短い場合や会話調の場合でも意味が通じるかどうかを確認してください。
タイトル
説明
framer.com
説明
要約がわかりやすく、かつ切り詰められているか確認してください。スレッド内の前後の文脈、ハッシュタグ、メンションに頼ることなく、投稿を補完するものである必要があります。
タイトル
説明
framer.com
画像
フィード表示サイズでカード画像の見え方をテストします。フォーカルポイント（注視点）を明確にし、セーフティマージンを確保し、画像内のテキストを最小限に抑えることで、レスポンシブなトリミングでも崩れにくくなります。
ファビコン
宛先のサイトがXカード自体を超えて一貫したビジュアルアイデンティティを維持できるように、サイトのファビコンを常に最新の状態に保ちます。
タイトル
説明
framer.com
Xカードのプレビューに関する実践ガイド
Xカードは、リンク先をコンパクトなフィードオブジェクトにパッケージ化するものです。プレビューチェックを行うことで、メタデータ、メディア、配信者のシグナルが投稿を邪魔することなく、効果的にサポートしているかどうかを確認できます。
Xはどのようにしてリンクカードを作成しますか？
クローラーは、公開ページからカードのメタデータを読み取り、それを共有されたURLと組み合わせます。プラットフォームのブランド名がXに変更された現在でも、Twitterカードのフィールドは引き続き有効です。
適切なカードフォーマットの選択
宛先に控えめな文脈が必要な場合はコンパクトな概要を使用し、ビジュアルがストーリーの中心である場合は大画像フォーマットを使用します。フォーマットは習慣ではなく、コンテンツに従うべきです。
XメタデータとOpen Graph
専用のカードタグを使用するとプラットフォーム固有の制御が可能になりますが、Open Graphの値でフォールバックを提供することもできます。両者の整合性を保つことで、ネットワーク間でメッセージに目立つ差異が生じるのを防ぐことができます。
記事の外でも伝わるタイトル
投稿の本文に依存することなく、旅行先を特定できる見出しを作成してください。カードが別のアカウントによって再共有されたときに、意味が通じなくなるような曖昧な表現は避けてください。
レスポンシブ カードの画像安全対策
顔、製品、重要な文字配置は中央付近に行ってください。ソース画像が技術的に有効な場合であっても、ワイド表示やナロー表示のレンダリング環境によっては、端のコンテンツがカットされる場合があります。
キャッシュと遅延更新
Xは、編集後も以前に取得されたメタデータを引き続き表示する場合があります。カードの変更は公開前に計画し、古いアセットが解決されるよう、十分に余裕を持って公開直後のURLを確認して検証してください。
クリーンなX共有ワークフロー
公開作業用ページを準備し、カードのタグを検証し、カードと投稿メッセージを比較し、モバイルでの切り抜きを確認し、可能であればキャッシュデータを更新した後に公開してください。