メタタグ一括生成
SEOやSNSシェアに必要なHTMLメタタグをフォーム入力で一括生成。
OGPやTwitterカードのタグも自動生成してすぐコピーできます。
🔍 基本設定 (SEO)
💬 OGP & Twitter設定 (SNS)
✨ 生成されたメタタグ (HTML)
メタタグ一括生成ツールの概要
メタタグ一括生成ツール（Meta Tag Generator）は、ウェブサイトのSEO（検索エンジン最適化）やSNSでのシェア時に欠かせないHTMLの <meta> タグを、フォームに入力するだけで自動生成できる無料のユーティリティです。
サイトのタイトル、ディスクリプション（説明文）、キーワードだけでなく、FacebookやLINE等で綺麗にリンクを表示するための OGP（Open Graph Protocol）タグや、X（旧Twitter）向けの Twitter Card タグも網羅的に作成できます。生成されたコードはワンクリックでコピーでき、そのままHTMLの <head> 内に貼り付けて利用できます。
使い方
基本設定の入力
サイトのタイトルや説明文（ディスクリプション）、キーワードなどを入力します。
OGP・SNS設定
SNSでシェアされた際に表示される画像URLや、ページの種類、Twitter ID等を入力します。
コードのコピー
入力と同時に右側エリアにHTMLコードが生成されます。「コピー」ボタンを押して保存します。
HTMLへ貼り付け
コピーしたコードをご自身のウェブサイトのHTMLファイル（<head>内）に貼り付けます。
メタタグ関連の用語集
- メタタグ (Meta Tags)
- HTMLの <head> セクションに記述する、ページに関するメタデータ（情報）をブラウザや検索エンジンに伝えるためのタグです。
- ディスクリプション (Meta Description)
- そのページの内容を100文字程度で要約したテキスト。検索結果（SERP）のタイトルの下に表示されるため、クリック率に大きく影響します。
- OGP (Open Graph Protocol)
- Facebook、LINE、SlackなどのSNSでURLがシェアされた際に、ページのタイトルやサムネイル画像、説明文をリッチに表示させるための共通規格です。
- Twitter Card (X Card)
- X（旧Twitter）でリンクがシェアされた際に、大きな画像付き（summary_large_image）や小さな画像付き（summary）でツイートを目立たせるための専用メタタグです。
- Robotsメタタグ
- Googlebotなどの検索エンジンのクローラーに対して、そのページをインデックスしてよいか（index / noindex）、リンクを辿ってよいか（follow / nofollow）を指示するタグです。
よくある質問
- Q.キーワード（meta keywords）は現在でもSEOに効果がありますか？
- 現在、Googleなどの主要な検索エンジンは meta keywords を検索順位の決定要因として扱っていません。そのため入力は必須ではありませんが、社内検索エンジンや特定のディレクトリサービス向けに記述するケースがあるため項目として残しています。
- Q.生成されたコードはどこに貼り付ければいいですか？
- HTMLドキュメント内の <head> から </head> の間に貼り付けてください。すでに <title> や <meta charset> などが存在する場合は、重複しないように既存のものを削除または置き換えてください。
- Q.OGPの画像サイズはどのくらいが適していますか？
- 推奨されるOGP画像のサイズは「1200 x 630 ピクセル（アスペクト比 1.91:1）」です。これにより、高解像度のディスプレイや各種SNSで綺麗にサムネイルが表示されます。
- Q.入力した情報はサーバーに保存されますか？
- いいえ。本ツールはすべてお使いのブラウザ（JavaScript環境）で動作しており、入力されたテキストやURLが外部に送信されたり保存されたりすることは一切ありません。
活用シーン
新規ウェブサイトの立ち上げ
新しく作成したランディングページ（LP）やコーポレートサイトのHTMLテンプレートに、必須のSEOメタタグを一式組み込む際に利用します。
ブログ記事ごとのSNS最適化
ブログの各記事がTwitterやFacebookで拡散された際の見栄えを良くするため、記事固有のOGP画像とTwitterカード設定を素早く生成します。
SEOの内部対策・見直し
既存サイトのメタタグに抜け漏れがないか確認し、モバイルフレンドリー対応やインデックス制御を含めた正しい記述に修正します。
学習・モックアップ作成
HTMLを学習中の初学者が、正しいメタタグの書き方を確認したり、テスト用のモックアップサイトに仮のタグを挿入する際に便利です。
フィードバックを送信
ツールをより良くするためのご意見をお聞かせください。
現在、フィードバックの受付を一時停止しています
サーバーが混み合っているか、スパム防止のための安全装置が作動しています。しばらく経ってから再度アクセスしてください。