Skip to main content

Twitter / X カードプレビュー タイトル、説明文、画像とともにツイッター/Xカードとして表示されるリンクの見え方をプレビューします。

Twitterカードプレビュー illustration
📱

Twitterカードプレビュー

タイトル、説明文、画像とともにツイッター/Xカードとして表示されるリンクの見え方をプレビューします。

1

2

Twitter/X

3

HTML

Loading tool...

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

  • 1
    summary_large_image
  • 2
    70
  • 3
    RGB
  • 4
    Twitter Card ValidatorHTML
  • 5

Related Tools

Frequently Asked Questions

Q Twitter Card?
summary( )summary_large_image( )
Q Twitter Card?
120×120px300×157px1200×628px(1.91:1)
Q Twitter Card?
cards-dev.twitter.com/validator
Q X?
Yes(XTwitter)

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.