Twitter カード検証・プレビュー
あなたのウェブサイトが Twitter/X で共有されたときの見た目をプレビューします。summary と summary_large_image のカードタイプをテスト。
<meta name="twitter:card" content="summary_large_image" />
リアルタイムプレビュー
リアルタイムのプレビュー更新で、Twitter/X で共有されたときのコンテンツの見た目を正確に確認できます。
2 種類のカードタイプ
Summary(小さいサムネイル)と Summary Large Image(全幅画像)の両方のカードタイプをプレビューできます。
コピペで使えるタグ
ページの head セクションに直接貼り付けできる、すぐ使える meta タグ HTML コードを取得できます。
Twitter カード検証ツールの使い方
- 1.カードタイプを選択:Summary(小さい画像)または Summary Large Image(全幅)。
- 2.ページのタイトル、説明、画像 URLを入力します。
- 3.オプションで@ユーザー名とページ URLを追加して完全なタグを取得します。
- 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 をテストできます。