メタタグジェネレーター
SEO対策に必要な基本メタタグ、OGP、Twitter Cardのタグを簡単に作成できます。
このツールの使い方
- 各セクションに必要な情報を入力します。
- リアルタイムでGoogle検索結果とSNSシェアのプレビューが表示されます。
- 「メタタグを生成」ボタンを押すと、HTMLコードが生成されます。
- 「コピー」ボタンでHTMLの<head>タグ内に貼り付けるコードをコピーできます。
特徴
- ブラウザ内完結：入力情報はサーバーに送信されません。
- 3種類のメタタグ対応：基本メタタグ、OGP、Twitter Cardを生成できます。
- リアルタイムプレビュー：Google検索結果とSNSシェア時の見た目を確認できます。
- 文字数ガイド：推奨文字数を表示し、最適な長さで作成できます。
- 完全なコード生成：そのままHTMLに貼り付けられる形式で出力されます。
- レスポンシブ対応：スマホ・タブレットでも快適に操作できます。
- 完全無料：登録不要で今すぐ使えます。
よくある使用例
- 新規Webサイトのメタタグ設定
- ブログ記事のSEO最適化
- SNSでのシェア最適化
- ランディングページのメタタグ作成
- 既存サイトのメタタグ改善
- OGP設定の確認と調整
注意点
生成されたメタタグはHTMLの<head>タグ内に配置してください。入力内容はブラウザ上でのみ処理され、サーバーには保存されません。画像URLは実際に公開されているURLを指定してください。
メタタグについて
基本メタタグ
検索エンジンにページの情報を伝えるための基本的なタグです。titleとdescriptionは検索結果に表示され、クリック率に大きく影響します。
- title: ページタイトル。検索結果の見出しとして表示されます（50〜60文字推奨）。
- description: ページの説明文。検索結果のスニペットとして表示されます（120〜160文字推奨）。
- keywords: ページのキーワード。現在のSEO効果は限定的ですが、設定しておくと良いでしょう。
- author: コンテンツの作成者または組織名。
OGP（Open Graph Protocol）
FacebookやLINEなどのSNSでシェアされた際に、リッチなカード表示を実現するためのタグです。
- og:title: シェア時に表示されるタイトル。
- og:description: シェア時に表示される説明文。
- og:image: シェア時に表示される画像のURL（1200×630px推奨）。
- og:url: ページの正規URL。
- og:type: コンテンツのタイプ（website、article、productなど）。
Twitter Card
Twitter上でリンクをシェアした際に、リッチなカード表示を実現するためのタグです。
- twitter:card: カードのタイプ（summary、summary_large_imageなど）。
- twitter:site: サイトのTwitterアカウント（@から始まる）。
メタタグの重要性
適切なメタタグの設定は、以下の効果があります：
- SEO効果: 検索エンジンがページ内容を正しく理解し、適切な検索結果に表示されます。
- クリック率向上: 魅力的なタイトルと説明文で、検索結果からのクリック率が向上します。
- SNS拡散: OGP設定により、SNSでシェアされた際の見栄えが良くなり、エンゲージメントが向上します。
- ブランディング: 統一されたメタタグでブランドイメージを強化できます。