tomai
ログイン
無料 · SEOツール

メタタグジェネレーター

title・description・keywords・canonical・robotsメタタグをGoogle検索結果のライブプレビュー付きで生成

robots

Google検索プレビュー
https://example.com
出力結果

このジェネレーターが出力するもの

ライブSERPプレビューを見ながら整えるメタタグ

入力に合わせてGoogleスニペットの描画がリアルタイムで更新されるため、切り詰め・説明文の途切れ・ピクセル幅のはみ出しを、CMSに貼り付ける前に把握できます。

Google検索結果プレビュー

タイトル・ディスクリプション・URLがGoogle風の検索結果としてリアルタイム表示され、70文字のタイトル上限と200文字のディスクリプション上限に合わせて文言を調整できます。

🔒

完全なheadブロック

タイトル、metaディスクリプション、キーワード、著者、canonical、theme-color、robotsのindex/followタグを、そのまま貼り付けられる1つのブロックで出力します。

🎯

robots制御を内蔵

robotsトグルでindex/noindexとfollow/nofollowをブロックに書き込みます。クロール指示がメタデータと一緒に本番へ乗るため、別途編集の必要はありません。

よくある質問

titleとdescriptionはどのくらいの長さにすべきですか?

Googleは通常、titleは約60文字、descriptionは約155〜160文字までを表示し、それ以降は「…」で省略されます。ここのライブプレビューも同じ基準で省略表示されるので、公開前に確認できます。

robotsメタタグは何をコントロールしますか?

「Index」は検索エンジンがこのページを検索結果に表示してよいかどうかを、「Follow」はページ内のリンクをたどってよいかどうかを指定します。どちらかのチェックを外すと、生成されるタグにnoindex/nofollowが追加されます。

入力した内容はどこかにアップロードされますか?

いいえ。すべて純粋なJavaScriptでブラウザ内で処理されます。入力内容がサーバーに送信されることはありません。

関連ツール

メタタグジェネレーターとは?

ページのheadには、検索エンジンに「このページが何についてのものか」を伝えるメタタグがあります。タイトル、ディスクリプション、キーワード、canonical URL、クロールのルールなどです。これらを正しく設定することは重要です。なぜならタイトルとディスクリプションは検索結果ページで検索者が目にするそのままの内容であり、構造の整ったタグは検索エンジンがページを正しく理解しインデックスする助けになるからです。このジェネレーターはタグを項目ごとに組み立て、Google風のプレビューをリアルタイムで表示するので、公開前に文言を調整できます。ブロガー、SEO担当者、テンプレートを手編集する開発者に使われています。

ジェネレーターが生成するもの

  • 🏷️ タイトル・ディスクリプション・キーワード・著者のメタタグ
  • 🔗 canonical URLとrobotsのindex/follow切り替え
  • 🎨 theme-colorとviewportのタグ
  • 🔍 実際の省略に近い検索結果プレビュー
  • 📋 そのまま貼り付けられるエスケープ済みのheadタグ一式

使う場面

  • 新しいブログ記事やランディングページを公開する時
  • 検索で伸び悩むページタイトルを作り直す時
  • 静的HTMLページやテンプレートを手編集する時
  • ディスクリプションが検索結果でどう省略されるか確認する時

すべての項目はブラウザ内で処理され、何もアップロードされません。正直な注意点をひとつ:プレビューは一般的な表示の上限を再現したものですが、最終的に表示するかどうかはGoogleが決めます。タイトルを書き換えたり独自のスニペットを使ったりすることもあるため、参考程度に考えてください。

最終更新 · 2026-09-01

関連ツール