Twitter カード検証・プレビュー

あなたのウェブサイトが Twitter/X で共有されたときの見た目をプレビューします。summary と summary_large_image のカードタイプをテスト。

0/70
0/200
プレビュー
画像なし
example.com
ページタイトル
ページの説明がここに表示されます...
生成された Meta タグ
<meta name="twitter:card" content="summary_large_image" />

リアルタイムプレビュー

リアルタイムのプレビュー更新で、Twitter/X で共有されたときのコンテンツの見た目を正確に確認できます。

2 種類のカードタイプ

Summary(小さいサムネイル)と Summary Large Image(全幅画像)の両方のカードタイプをプレビューできます。

コピペで使えるタグ

ページの head セクションに直接貼り付けできる、すぐ使える meta タグ HTML コードを取得できます。

Twitter カード検証ツールの使い方

  1. 1.カードタイプを選択:Summary(小さい画像)または Summary Large Image(全幅)。
  2. 2.ページのタイトル説明画像 URLを入力します。
  3. 3.オプションで@ユーザー名ページ URLを追加して完全なタグを取得します。
  4. 4.Meta タグをコピーをクリックし、生成された HTML をページの <head> セクションに貼り付けます。

よくある質問

Twitter カードとは何ですか?

Twitter カードは、ウェブページに追加する meta タグで、Twitter/X でコンテンツが共有されたときの表示方法を制御します。サイトへのリンクを含むツイートにリッチメディア(画像、タイトル、説明)を添付できます。

summary と summary_large_image の違いは?

"summary" カードはタイトルと説明の横に小さな正方形のサムネイル(120x120~144x144px)を表示します。"summary_large_image" カードはテキストの上に全幅の画像(最小 300x157px、推奨 1200x628px)を表示します。

Twitter カードにはどのサイズの画像を使うべきですか?

summary_large_image カードには少なくとも 1200x628px(2:1 比率)の画像を使用してください。summary カードには少なくとも 144x144px(1:1 比率)。最大ファイルサイズは 5MB。対応フォーマットは JPG、PNG、WEBP、GIF です。

これは本物の Twitter カード検証ツールですか?

このツールは設定した meta タグに基づくローカルプレビューを提供します。公式の検証には、cards-dev.twitter.com の Twitter Card Validator で実際の URL をテストできます。