ツールを実行
WebページのHTMLヘッダーに配置するメタタグとタイトル要素を簡単に生成できるツールです。ページタイトル、ディスクリプション、キーワード、著者名などの基本情報に加え、レスポンシブ表示用のビューポート設定や、検索エンジンの巡回制御に用いるロボットメタタグを自由にカスタマイズできます。入力されたテキストはHTMLエスケープ処理が施され、改行で区切られた使いやすいコードブロックとして出力されます。任意の項目を空欄にした場合でも、文字エンコーディングの指定や標準的なビューポート、ロボット設定を含む基礎的なタグ一式が生成されるため、新規サイトの立ち上げや既存ページのメタデータ整備をスムーズに進められます。
使い方
- 設定したいページタイトル、説明文、キーワード、著者名を入力欄に記入します（すべて任意です）。
- 必要に応じてビューポート設定とロボットメタタグの文字列を変更します（初期値も用意されています）。
- 生成ボタンを押すと、入力内容に基づいたHTMLメタタグのコード群が表示されます。
- 表示されたコードをコピーし、対象ウェブページのHTMLファイルのheadタグ内に貼り付けます。
使用例
- ブログ記事向けの設定例: タイトルに「最新のWeb開発入門」、説明文に「初心者向けに基本手順を解説した記事です。」、ロボット設定に「index, follow」を指定してタグ一式を作成します。
- 非公開テストページ向けの設定例: タイトルのみ入力し、ロボット設定を「noindex, nofollow」に変更して検索エンジンのインデックスを抑止するメタタグを出力します。
よくある質問
すべての入力欄を埋める必要がありますか？
いいえ、すべての入力欄は任意項目です。空欄のまま生成した場合でも、文字コード指定やビューポート、ロボット設定などの標準的な基本タグが出力されます。
入力したテキスト内に特殊文字が含まれている場合はどうなりますか？
入力された文字列はHTMLエスケープ処理が行われてから出力されるため、属性値が崩れる心配なく安全に利用できます。
生成されたコードはHTMLのどこに貼り付ければよいですか？
HTML文書内の<head>と</head>の間にそのまま貼り付けて使用してください。