カード種別で想定レイアウトが変わる
summary_large_imageは画像を大きく見せる用途、summaryはコンパクト表示向けです。実際の表示はプラットフォームUIで変わる場合があります。
無料Webツール
X Card用metaタグを入力内容から生成します。
Twitter / Xカード用に、カード種別・タイトル・説明・画像URL・サイトハンドルの主要metaタグを生成します。公開ページのheadへ入れるたたき台を作る用途です。
summary_large_image を選ぶと、twitter:cardにその値を入れ、title・description・image・siteも合わせた5つのmetaタグを生成します。画像URLへ実際にアクセスできるか、@siteが実在するか、Xが必ずカード表示するかは確認しません。公開後のURLで実際の取得・キャッシュ状態まで確認してください。
summary_large_imageは画像を大きく見せる用途、summaryはコンパクト表示向けです。実際の表示はプラットフォームUIで変わる場合があります。
入力した記号でmetaタグ自体が壊れにくいようにして出力します。
自分のPCだけで見えるfile://や認証必須画像では、SNSクローラーが取得できません。
多くのサイトではOGPとTwitter/X用タグを両方置きます。このツールはtwitter:*だけを生成します。
タグを入れただけで完了とせず、実ページのHTML、画像URL、キャッシュ更新などを含めて確認してください。