広告は表示されますか？

運営維持のため一部ページに広告を表示していますが、ツール本体の動作を妨げない範囲に留めています。ブロッカーを利用されても機能は動作します。

使い方を教えてください。

画面の入力欄に処理したい値を入れるだけで、Twitter Cardジェネレーターが即座に結果を表示します。コピーボタンで結果をワンクリックでクリップボードに送れます。

SEO・Web制作無料登録不要

Twitter Cardジェネレーター

Twitter Card（Summaryカード・大画像カード）のメタタグをGUIで作成。X(Twitter)シェア時の表示をプレビュー確認。無料オンラインツール。

タイトル16/60

ディスクリプション58/160

URL

OGP 画像 URL

サイト名

Twitter ハンドル

MySite›https://example.com/page

サンプルページ | MySite

これはサンプルのメタディスクリプションです。ページの内容を簡潔に説明する160文字以内のテキストを入力してください。

生成されたメタタグ

<!-- Primary Meta Tags -->
<title>サンプルページ | MySite</title>
<meta name="title" content="サンプルページ | MySite" />
<meta name="description" content="これはサンプルのメタディスクリプションです。ページの内容を簡潔に説明する160文字以内のテキストを入力してください。" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:title" content="サンプルページ | MySite" />
<meta property="og:description" content="これはサンプルのメタディスクリプションです。ページの内容を簡潔に説明する160文字以内のテキストを入力してください。" />
<meta property="og:image" content="https://example.com/og-image.png" />
<meta property="og:site_name" content="MySite" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://example.com/page" />
<meta property="twitter:title" content="サンプルページ | MySite" />
<meta property="twitter:description" content="これはサンプルのメタディスクリプションです。ページの内容を簡潔に説明する160文字以内のテキストを入力してください。" />
<meta property="twitter:image" content="https://example.com/og-image.png" />
<meta property="twitter:site" content="@mysite" />

FAQ