ツールを実行
このツールは、Twitter（現X）でリンクを共有する際に表示されるリッチプレビュー用のHTMLメタタグを生成します。必須項目であるタイトルを入力し、カードタイプ、説明、画像URL、サイトアカウント、作成者アカウントなどのオプション情報を追加できます。入力された値はHTMLエスケープ処理されて安全なマークアップとして出力されます。タイトルが空の場合、メタタグは生成されません。デフォルトのカードタイプはsummary_large_imageに設定されています。ネットワークアクセス不要で動作し、ブラウザ上で即時にコードを確認できます。SEO対策やSNS運用において、適切なプレビュー表示を実現するための正確な構文をサポートします。手動でタグを書く手間を省き、標準的な形式に従ったマークアップを効率的に作成可能です。
使い方
- 「Card Type」で希望するカードの種類を選択します（デフォルトはsummary_large_image）。
- 「Title」フィールドにカードのタイトルを入力します（必須項目）。
- 必要に応じて「Description」に説明文、「Image Url」に画像のURLを入力します。
- 「Site」および「Creator」に該当するTwitterハンドル名を入力します。
- 「Run」ボタンをクリックして結果パネルに表示されるHTMLメタタグを確認します。
使用例
- タイトル「新製品リリースのお知らせ」、説明「詳細はこちら」、画像URL「https://example.com/img.jpg」を入力してsummary_large_imageカードを生成。
- タイトル「ブログ記事：Web開発のヒント」、サイト「@devsite」、作成者「@author」を入力してsummaryカードを生成。
よくある質問
タイトルを入力しないとどうなりますか？
タイトルは必須項目です。空欄のままではメタタグは生成されません。
入力したデータは保存されますか？
このツールはネットワークアクセスなしで動作しますが、データの保存やプライバシーに関する保証は提供されません。
生成されたタグは必ず正しいプレビューを表示しますか？
ツールは標準的な構文のマークアップを生成しますが、プラットフォームでの実際の表示や承認を保証するものではありません。
画像URLは必須ですか？
画像URLはオプションです。入力しない場合、そのフィールドを含むメタタグは生成されません。