メタタグジェネレーター
ページ用にSEO対応のtitle、description、Open Graph、Twitter Cardタグを生成します。リアルタイムの文字数カウンターで最適な長さを保てます。
🔒 お使いのブラウザ内でローカル処理されます
Loading…
使い方
- ページタイトルとメタディスクリプションを入力しましょう。検索エンジンに最適な範囲に入ると文字数カウンターが緑色になります。
- 正規URL、サイト名、Open Graph画像URLを追加すると、SNSで共有されたときにページが正しく表示されます。
- 必要であればTwitterハンドルを追加し、Twitter Cardのタイプ（サマリーまたは大きな画像）を選択してください。
- 生成されたHTMLブロックをコピーし、ページの<head>内に貼り付けてください。
特徴
- 入力しながらtitle、description、正規URL、Open Graph、Twitter Cardタグをリアルタイムで生成
- 実際の検索エンジンの切り詰め挙動に合わせた、タイトル（最大60文字）とディスクリプション（50〜160文字）の文字数カウンター
- 実際に入力したフィールドのタグのみを出力——空のcontent属性は生成しません
- 引用符や山括弧を自動でエスケープし、常に有効なHTMLを出力
- 100%クライアントサイド処理——コンテンツはブラウザの外に出ません
よくある質問
titleタグの理想的な長さはどれくらいですか？
だいたい50〜60文字です。検索エンジンはそれより長いタイトルを検索結果で切り詰めることが多いため、60文字を超えるとカウンターがオレンジ色になります。
メタディスクリプションの理想的な長さはどれくらいですか？
だいたい50〜160文字です。短すぎるとページを説明する機会を逃し、長すぎると検索エンジンに切り詰められます。カウンターはちょうどこの範囲を反映しています。
2種類のTwitter Cardの違いは何ですか？
「サマリー」はタイトルと説明の横に小さな正方形のサムネイルを表示します。「大きな画像付きサマリー」はテキストの上に横幅いっぱいの画像を表示します——ビジュアルコンテンツに向いています。
Open Graph画像は必要ですか？
任意ですが、強くおすすめします。設定しないと、多くのプラットフォームは共有時に汎用のプレビューを表示するか、画像を表示しません。
このツールはコンテンツを保存やアップロードしますか？
いいえ。すべてブラウザ内でローカルに処理されます。入力したフィールドや生成されたタグがサーバーに送信されることはありません。