このページはAIで翻訳されており、ネイティブスピーカーによる確認はまだ行われていません。 英語版を読む

Twitter / X カードプレビュー

X はリンクカードを表示するために twitter: メタタグ(なければ Open Graph)を読みます。カードの種類を選び、テキストと画像を入力してタグをコピーします。プレビューは中立的な近似表示で、アプリのピクセル単位の再現ではありません。

…またはローカル画像でプレビュー
おおよそのプレビューです。実際の検索結果やSNSでの表示は、端末、言語、プラットフォームの更新によって異なります。

すべてブラウザ内で動作します。入力内容やファイルがサーバーにアップロードされることはありません。

使い方

  1. Summary か Summary with large image を選びます。
  2. タイトル、説明、画像、@アカウントを入力します。
  3. 生成された twitter: タグをページにコピーします。

使用例

ブログ記事

1200 × 628 のメイン画像を使った大きな画像カード。

ドキュメントページ

正方形のロゴを使った summary カード。

プライバシー

すべてブラウザ内で動作します。入力内容やファイルがサーバーにアップロードされることはありません。 ブラウザに保存される内容(お気に入りと履歴のみ)については、プライバシーポリシーをご覧ください。 プライバシーポリシー

ご自身で確認できます:ブラウザの開発者ツールを開き、「ネットワーク(Network)」タブを選んでツールを使ってください。ファイルがアップロード要求に現れることはありません。このページがオフライン用に保存された後は、インターネットを切断しても作業を続けられます。 広告と匿名の訪問統計は、有効な場合は独自に通信しますが、あなたのファイルやテキストを受け取ることはありません。

よくある質問

Open Graph があれば twitter: タグは不要?

X は og:title、og:description、og:image で代用しますが、カードの種類を決めるには twitter:card が必要です。

カードが更新されないのはなぜ?

プラットフォームはリンクプレビューをキャッシュします。ページを更新してから変更が反映されるまで時間がかかることがあります。

Open Graph プレビューog:title、og:description、og:image からリンクカードをプレビューし、画像サイズとテキストの長さを確認して、Open Graph タグをコピーできます。
メタタグ生成ツールページ用の整った HTML メタタグを生成します:title、description、canonical、robots、Open Graph、Twitter Card。
ファビコン作成画像または文字から、favicon.ico、16〜512 pxのPNG、Apple Touchアイコン、Webマニフェスト、HTMLタグまでの完全なファビコンセットを1つのZIPで生成します。
スラッグ生成タイトルを小文字のきれいなURLスラッグに変換します。

ツールを検索