Twitterカードのプレビュー
任意のURLがTwitterカードでどのように表示されるかをプレビューします。投稿する前に、タイトル、説明文、画像、リンクカードを確認しましょう。
タイトル
送信元}
framer.com
投稿前にTwitterカードをプレビュー
Twitterカードプレビューは、リンクから適切なタイトル、説明文、画像、ドメインを含むクリアなカードが生成されるかどうかを確認する機能です。URLを共有する前に、メタデータの欠落、不適切な切り抜き、魅力に欠けるコピーなどがないかをチェックするためにご活用ください。
タイトル
Twitterがカードに表示する可能性のある見出しを確認してください。動きの速いフィードでも一目でわかるように簡潔にし、投稿テキストからすでに明らかな情報の重複は避けてください。
タイトル
説明
framer.com
説明
カードの説明文を使用して、見出しだけでは伝えきれないコンテキスト（背景情報）を追加します。明確で簡潔なコピー（文章）にすることで、途中で途切れにくくなり、小さな画面でも読みやすくなります。
タイトル
説明
framer.com
画像
Twitterカード画像を検査し、クロップ、コントラスト、および視認性を確認してください。重要な被写体やテキストが、中央の安全領域内に収まっている必要があります。
ファビコン
このカードではパブリッシャーのドメインが強調されていますが、一貫したファビコンを使用することは、ブラウジングや共有といったより広いジャーニーにおける認知度を高める上で引き続き効果的です。
タイトル
説明
framer.com
Twitterカードプレビューの実践ガイド
Twitterカードを使用すると、プレーンなURLをタイムライン上のビジュアルな添付ファイルに変換できます。レンダリングされたカードを確認することで、投稿をスケジュールする前に、見出し、サマリー、画像、およびパブリッシャーの身元を保護することができます。
Twitterカードはどのようにして作成されますか？
Twitterは専用のカードタグを読み込み、Open Graphのフォールバックを使用することもあります。選択されたカードタイプ、タイトル、説明、画像、およびアカウント情報によって、最終的な添付ファイルが決定されます。
サマリーカード、または大型画像カードにしますか？
サマリーカードはビジュアルをコンパクトにまとめ、大型画像カードは写真やアートワークをより際立たせます。単にサイズだけで決めるのではなく、掲載先に最も適した形式を選択してください。
TwitterがOpen Graphのフォールバックをどのように使用しているか
Twitter専用の値が不足している場合、クローラーは互換性のあるOpen Graphフィールドを再利用することがあります。明示的なカードタグを使用することで、制御が容易になり、プラットフォーム間の曖昧さが軽減されます。
ファストフィード向けタイトルの書き方
ブランディングや無駄な言葉で始めるのではなく、主語と言葉の価値を先頭に持ってきてください。カードの周囲の会話を読まなくても、カード単体でユーザーが理解できるタイトルである必要があります。
不自然な画像の切り抜きを防ぐ
推奨されるアスペクト比を使用し、重要なディテールは端から離し、小さな文字は避けてください。利用可能なカードスペースは変化するため、デスクトップとモバイルの両方の環境でテストしてください。
古いカードが依然として表示される理由
Twitterは、初回のクロール後にメタデータやメディアをキャッシュすることがあります。ページソースを更新しても、既存のプレビューがすぐに置き換わるとは限らないため、公開前に再クロールを行う時間を考慮してください。
Twitterカード公開ワークフロー
公開URLの検証、カードタイプの確認、見出しと画像のクロップの検査、メタデータの修正を行い、必要に応じて最新情報のクロールをリクエストした上で、最終的な投稿をスケジュールしてください。