コンテンツにスキップ
ToolsMinify logo
SEOツール
人気

Twitterカードジェネレーター

ブラウザでX用のTwitterカードメタタグを作成します。summaryまたはsummary_large_imageを選択し、タイトル、説明、画像URL、オプションの@site/@creatorハンドルを入力し、ライブHTMLをページのheadにコピーします。プレビューでは、公開前にコンパクトまたは大きな画像カードがどのように表示されるかを確認できます。F…

Twitterカードジェネレーターについて

ブラウザでX用のTwitterカードメタタグを作成します。summaryまたはsummary_large_imageを選択し、タイトル、説明、画像URL、オプションの@site/@creatorハンドルを入力し、ライブHTMLをページのheadにコピーします。プレビューでは、公開前にコンパクトまたは大きな画像カードがどのように表示されるかを確認できます。FacebookやLinkedInのプレビューも必要な場合は、Open Graphタグジェネレーターと組み合わせて使用してください。何もアップロードされません。

Twitterカードジェネレーターの使い方

  1. カードタイプを選択します。ワイドなヒーローにはsummary_large_image、コンパクトなサムネイルにはsummaryを選択します。
  2. リンクが共有されたときに表示されるタイトルと説明を入力します。
  3. 絶対HTTPS画像URLを貼り付けます（大きなカードには1200 x 628が適しています）。
  4. twitter:site（ブランドハンドル）とオプションのtwitter:creatorを追加します。
  5. HTMLをコピーして、ページのhead内に貼り付けます。

Twitterカードジェネレーターの例

大きな画像付きのブログ投稿

カードsummary_large_image、投稿タイトル、2行の説明、1200 x 628の画像により、記事テンプレート用のtwitter:card、twitter:title、twitter:description、twitter:imageが生成されます。

ブランドハンドル付きの製品ページ

@yourbrandをサイトとして追加すると、Xがカードをあなたのアカウントに帰属させます。タイムラインで途中で途切れないように、タイトルは70文字程度に抑えてください。

コンパクトなサマリーカード

共有がタイトルの横で小さく表示されるように、正方形のサムネイルでsummaryを使用します。ドキュメントやサポートリンクに便利です。

XプロフィールURLからのハンドル

https://x.com/toolsminifyをサイトに貼り付けると、ジェネレーターはそれをtwitter:siteで@toolsminifyに正規化します。

一般的な使用例

  • ブログやランディングページ用のtwitter:cardタグを公開する
  • デプロイ前にsummaryとsummary_large_imageをプレビューする
  • twitter:siteとtwitter:creatorハンドルを正しく設定する
  • 引用符とアンパサンドを含むタイトルを有効なHTMLのためにエスケープする
  • X固有の制御のためにOpen Graphタグを補完する

Twitterカードジェネレーターに関するよくある質問

Twitterカードとは何ですか？
Twitterカードとは、誰かがリンクを投稿したときにXが表示するリッチなプレビューです。twitter:card、twitter:title、twitter:description、twitter:imageなどのメタタグは、Xにそのプレビューをどのようにレンダリングするかを伝えます。
summaryとsummary_large_imageの違いは何ですか？
summary_large_imageはタイトルの上に広い画像を表示します。ブログ投稿やローンチに最適です。summaryはテキストの横に小さな正方形のサムネイルを使用します。コンパクトな共有に適しています。画像に合ったタイプを選択してください。
Open Graphタグはまだ必要ですか？
はい、Facebook、LinkedIn、Slack、および多くのメッセンジャーには必要です。XはOpen Graphにフォールバックできますが、専用のtwitter:*タグは明示的な制御を提供します。両方を生成してください。このツールとOpen Graphタグジェネレーターを使用してください。
Twitterカード画像のサイズはどのくらいにすべきですか？
絶対HTTPS URLを使用してください。summary_large_imageには約1200 x 628ピクセルが適しています。summaryには、正方形の画像（少なくとも144 x 144、理想的にはそれ以上）がより安全です。
twitter:siteには何が入りますか？
X上のあなたのブランドまたはサイトの@ハンドルです。@brand、brand、またはプロフィールURLを入力できます。ジェネレーターはそれを@handleに正規化します。
HTMLはどこに貼り付けますか？
公開HTMLドキュメントのhead内（またはフレームワークのメタデータAPI）にタグを貼り付けます。Xのクローラーが読み取れるように、共有するURLで表示されている必要があります。
私のコピーはデバイスから離れますか？
いいえ。Twitterカードジェネレーターは完全にブラウザ内で実行されます。タイトル、ハンドル、画像URLはサーバーにアップロードまたは保存されません。

関連ツール

Open Graph タグジェネレーター

タイトル、説明、URL、画像から Open Graph と Twitter Card のメタタグを生成。ライブ HTML とソーシャルプレビュー付きの無料 OG タグジェネレーター。

メタディスクリプション チェッカーと SERP プレビュー

無料 SERP 長さチェックとメタディスクリプション プレビュー。ライブ文字数と Google スニペットプレビュー - または下書き生成。150-160 文字目安。

UTM キャンペーン URL ビルダー

GA4 向け無料 UTM キャンペーン URL ビルダー。utm_source、utm_medium、utm_campaign を追加、タグ付きリンクを解析、小文字化（GA4 は大文字小文字を区別）。アップロードなし。