このツールに問題がありますか?
「Twitterカード オンライン」について
このツールは Web ページ用の Twitter Card メタタグを作成し、Twitter/X 上で共有された際の見た目を制御します。カードタイプ(summary、summary_large_image、app、player)、タイトル、説明、画像 URL などを入力すると、<head> に貼り付ける HTML メタタグが出力されます。
Twitter Card のマークアップが無いと、共有時にはリンクが裸で並ぶだけ。きちんと設定すれば、画像・タイトル・説明付きのリッチプレビューになりクリック率が大きく向上します。
OpenGraph タグ(Facebook、LinkedIn)と組み合わせれば SNS 全般をカバー。各ページ単位で設定するのが一般的で、このジェネレーターは公開前の見え方確認に便利です。
このツールの使い方
ページ用の Twitter Card メタタグを組み立てる手順
カードタイプを選択
「Card」は `summary`(小さなサムネ)か `summary_large_image`(大画像)。多くのブログ記事や商品ページは `summary_large_image` の方がエンゲージメントが高め。コンパクトに見せたいなら `summary`。
タイトルと説明
「Title」は 70 文字以内推奨(Twitter は 70 付近で切る)、「Description」は 200 以内。絵文字だけや全大文字は避ける — クライアントによってプレビュー表示が崩れます。
Image URL
「Image URL」は絶対 HTTPS URL。`summary_large_image` には 1200×600 以上(2:1)の画像を。小さい画像は余白で水増しされ、無画像カードより悪く見えがちです。
「実行」
結果は `metaTags` のみで、`<meta name="twitter:…">` をページ `<head>` にそのまま貼れます。Facebook や LinkedIn 用に Open Graph(`og:`)一式も併設を — Twitter Card が無い時、多くのプラットフォームは OG にフォールバックします。