Twitter / X カードプレビュー タイトル、説明文、画像とともにツイッター/Xカードとして表示されるリンクの見え方をプレビューします。
Twitterカードプレビュー
タイトル、説明文、画像とともにツイッター/Xカードとして表示されるリンクの見え方をプレビューします。
Twitter/X
HTML
What Is Twitterカードプレビュー?
Twitter Card Previewツールは、リンクをTwitter/Xで共有したときの表示内容を正確に確認し、Webサイトに必要なメタタグを生成します。Twitterカードとは、URLを共有した際に表示されるリッチリンクプレビューであり、タイトル、説明文、画像、およびドメインが含まれます。主なタイプは2つあります。サマリー(小さい正方形の画像とテキスト)と、大きな画像付きサマリー(テキストの上に広い画像)。カードを適切に設計することはクリック率にとって非常に重要です。美しくデザインされたカードは、コンテンツが共有される際にエンゲージメントを大幅に増加させることができます。このツールでは、両方のカードタイプをプレビューし、コンテンツを調整して、TwitterカードをWebサイトで実装するために必要な正確なHTMLメタタグを生成できます。
Why Use Twitterカードプレビュー?
-
SummaryLarge Image
-
HTML
-
(70)(200)
-
Twitter Card Validator
-
TwitterX
Common Use Cases
Technical Guide
Twitterカードには、ページの<head>セクションに特定のメタタグが必要です。最小限必要なタグは、twitter:card(タイプ)、twitter:title、twitter:description、およびtwitter:imageです。カードタイプは「summary」(小さい画像)または「summary_large_image」(テキストの上に大きい画像)になります。タイトルは70文字未満、説明文は200文字未満にする必要があります。画像のサイズは、サマリーでは120×120ピクセル以上、大きな画像カードでは300×157ピクセル以上である必要があります。Twitterはカードデータをキャッシュするため、変更が反映されるまで時間がかかる場合があります。更新を強制するには、Twitter Card Validator(cards-dev.twitter.com/validator)を使用してください。如果既にOpen Graphタグがある場合は、twitter:固有のタグがない場合でもTwitterはそれらにフォールバックしますが、専用のtwitter:タグを使用すると表示に関するコントロールが増えます。
Tips & Best Practices
-
1summary_large_image
-
270
-
3RGB
-
4Twitter Card ValidatorHTML
-
5
Related Tools
オープングラフプレビュー
Facebook、LinkedIn、その他のプラットフォームでのオープングラフカードの表示をプレビューします。
📱 Social Media
UTMリンクビルダー
Google Analyticsでマーケティングキャンペーンを追跡するためのURLにUTMパラメータを追加します。
📱 Social Media
ソーシャルシェアボタンジェネレーター
ウェブサイト用の複数スタイルとプラットフォームに対応したHTML/CSSソーシャルシェアボタンを生成します。
📱 Social Media
メール件名テスター
オープン率を向上させるための実践的な提案とともに、メール件名のスコア付けと最適化を行います。
📱 Social MediaFrequently Asked Questions
Q Twitter Card?
Q Twitter Card?
Q Twitter Card?
Q X?
About This Tool
Twitterカードプレビュー is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.