Twitter Card Preview
Preview Twitter Cards and generate meta tags for social sharing.
プレビュー
画像なし
My Page Title for Social Sharing
A compelling description that appears in the Twitter card preview. Keep it under 200 characters for best display.
@mywebsite
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="My Page Title for Social Sharing"> <meta name="twitter:description" content="A compelling description that appears in the Twitter card preview. Keep it under 200 characters for best display."> <meta name="twitter:site" content="@mywebsite">
このツールについて
Twitter / X カードプレビューは、ページがTwitter（現X）でシェアされた時にどう表示されるかを確認でき、HTMLに追加する正しいメタタグを生成します。
大型画像サマリー（フル幅バナー）とサマリー（小型正方形サムネイル）の2種類のカードタイプをサポートします。
使い方
- サマリーまたは大型画像サマリーカードタイプを選択してください。
- タイトル、説明、任意で画像URLを入力してください。
- プレビューはリアルタイムで更新されます。
- 生成されたメタタグをコピーしてHTMLのheadに貼り付けてください。
活用事例
コンテンツマーケターがキャンペーン前にTwitterカードをプレビューします。開発者がブログ記事や製品ページにメタタグを追加します。SEOチームが既存ページの不足や誤設定を監査します。
よくある質問
- どのサイズの画像を使用すればよいですか？ — 大型画像サマリー: 1200×628 px（2:1比率）。サマリー: 少なくとも144×144 px正方形。最大5 MB。
- Twitterへの登録が必要ですか？ — Twitter / Xはもはや開発者カードの承認を必要としません。メタタグを追加するだけでカードが表示されます。
- LinkedInやFacebookに同じタグを使用できますか？ — LinkedInとFacebookはOpen Graphタグ（og:title、og:imageなど）を使用します。それらのプラットフォームにはOGタグジェネレーターツールを使用してください。