🏷️メタタグジェネレーター

基本 SEO ／ OGP ／ Twitter Card ／ 構造化データを一括入力。
Google / Twitter / Facebook / LINE のプレビュー＋HTML コード出力！

📋 プリセット:
🔍 基本 SEO 必須の核
タイトル (title) 0
推奨 30-60字。検索結果の見出しになる最重要項目
説明文 (description) 0
推奨 120-160字。検索結果のスニペットに使われる
URL (canonical)
正規URL。重複ページがある場合の統一先
キーワード (任意)
※ Google は無視するが一部検索エンジン向け
著者 (任意)
インデックス設定 (robots)
検索エンジンにクロール/インデックスを許可するか
📘 OGP Facebook / LINE / LinkedIn 等
og:title0
og:description0
og:image
推奨サイズ 1200×630、最小 600×315。絶対URL必須
og:type
og:locale
og:site_name
🐦 Twitter Card X (旧Twitter)
twitter:card
twitter:site (サイト)
twitter:creator (著者)
twitter:title0
twitter:description0
twitter:image
⚙️ その他・構造化
theme-color
モバイルChromeのツールバー色
HTML lang
favicon (URL)
apple-touch-icon (URL)
iOSホーム画面追加時のアイコン（180×180推奨）
選択すると OGP/基本情報から自動生成。詳細編集はコード出力を直接編集
Google 検索結果 google.com
タイトルがここに表示されます
説明文がここに表示されます
Twitter Card (X) summary_large_image
画像URLなし
example.com
タイトル
説明文
Facebook / LinkedIn OGP
og:imageが指定されていません
EXAMPLE.COM
タイトル
説明文
LINE トーク LINE Card
og:image
タイトル
説明文
example.com
📄 生成された HTML コード

    

  


  
  
  

    🔧 使い方:

    1. 左のフォームに各項目を入力（空欄はコードから自動除外）

    2. 右のプレビューで Google / Twitter / Facebook / LINE の見え方を確認

    3. 画面下部のコードをコピーして <head> に貼り付け


    📏 文字数目安:

    ・title: 30-60字 （60字超は SERP で省略される可能性）

    ・description: 120-160字 （モバイルでは 120字前後で切れる）

    ・og:image: 1200×630 推奨（Twitter large も同じ）

    ・summary card の画像: 400×400 推奨


    🎯 OGP との同期:

    ・「基本 SEO からコピー」で title/description/url を OGP へ複製

    ・「OGP と同期」で OGP 値を Twitter へ複製

    ・個別に上書きしたい場合はそのまま編集


    💡 JSON-LD:

    ・WebSite / Article / BreadcrumbList / Organization を選ぶと自動生成

    ・より詳細な制御は出力コードを直接編集

    ・Google 構造化データテストツールで事前検証推奨


    💾 保存: 入力内容はブラウザに自動保存（localStorage）。全クリアで消去