無料Webツール

Twitter / X Cardタグ生成

X Card用metaタグを入力内容から生成します。

入力と設定

使い方と確認ポイント

Twitter / Xカード用に、カード種別・タイトル・説明・画像URL・サイトハンドルの主要metaタグを生成します。公開ページのheadへ入れるたたき台を作る用途です。

  1. summary_large_imageまたはsummaryを選びます。
  2. タイトル、説明、画像URL、サイトハンドルを入力します。
  3. 生成したタグをheadへ反映し、公開後に実際のクローラー表示を確認します。
カード
summary_large_image / summary
生成項目
twitter:card / title / description / image / site
site
入力文字列をそのまま使用
保存
HTMLスニペットとして保存可能

summary_large_imageなら大きな画像カード向け指定を作る

summary_large_image を選ぶと、twitter:cardにその値を入れ、title・description・image・siteも合わせた5つのmetaタグを生成します。

画像URLへ実際にアクセスできるか、@siteが実在するか、Xが必ずカード表示するかは確認しません。公開後のURLで実際の取得・キャッシュ状態まで確認してください。

カード種別で想定レイアウトが変わる

summary_large_imageは画像を大きく見せる用途、summaryはコンパクト表示向けです。実際の表示はプラットフォームUIで変わる場合があります。

タイトルや説明のHTML記号は安全な形へ整える

入力した記号でmetaタグ自体が壊れにくいようにして出力します。

画像URLは外部から取得できる必要がある

自分のPCだけで見えるfile://や認証必須画像では、SNSクローラーが取得できません。

Open Graphとは別のタグ体系

多くのサイトではOGPとTwitter/X用タグを両方置きます。このツールはtwitter:*だけを生成します。

公開後の表示確認までが実装

タグを入れただけで完了とせず、実ページのHTML、画像URL、キャッシュ更新などを含めて確認してください。