メタタグジェネレーター：タイトル、説明文、OGPタグを作る

使い方

ページのタイトルと説明文を入力します。
正規のアドレス（canonical）に、ページの完全なアドレスを、https://で始まる形で入力します。
検索エンジンへの登録（index）とページ内のリンクを選び、言語を入力します。
リンクカードのために、OGPとTwitterの項目を入力します。headのタグをページのhead要素にコピーし、指示に従ってhtml要素に言語を加えます。

各行は、検索エンジンやリンクのプレビューに、ページについての一つの情報を伝えます。多くのページには中心になるタグだけで足ります。ほかは任意です。

タイトル：ページのtitle要素です。Googleのタイトルのガイドは、これをタイトルリンクの元の一つとして挙げています。
説明文：descriptionという名前のmetaタグです。Googleはスニペットとして使うこともあれば、ページの別の文章を選ぶこともあります。
正規のアドレス：rel=canonicalのlink要素で、headに入ります。Googleは相対アドレスより絶対アドレスを推奨するため、このツールは完全なアドレスを求めます。
robots：robotsという名前のmetaタグです。Googleは、noindexとnofollowを規則として挙げ、何も指定しない既定の状態は制限のないallだとしています。複数の規則は、カンマで区切って1つの値にまとめられます。
viewport：スマートフォンのブラウザに、端末の幅を使わせます。ツールは、width=device-widthと初期の拡大率1を書きます。
OGP（og:）とTwitter（twitter:）のタグは、リンクのプレビューに使われるタイトル、説明文、アドレス、画像を運びます。og:typeは、そのページがウェブサイトか記事かを示し、og:urlはそのオブジェクトの正規のアドレスです。

値はすべて、書かれる前に符号化されます。&は&に、<は<に、>は>に、二重引用符は"に、アポストロフィは'になります。ブラウザは元の文字を表示するため、ページは入力したとおりに読めます。

lang属性はheadのタグではありません。開始のhtml要素に付けるもので、そのためツールは指示として書きます。値は、enやtr-TRのような1つの言語タグでなければなりません。

Googleはタイトルも説明文も固定の長さを示していないため、60文字と160文字の注意は厳密な上限ではなく目安です。検索結果で切り詰められそうなタイトルや説明文を見つける助けになります。

タイトルは「月々の積立を含む複利計算ツール」（15文字）です。説明文は60文字です。正規のアドレスは https://example.com/compound-interest-calculator で、言語は ja です。

robotsの指定は index と follow、viewportのタグはオン、テーマの色は #0f766e、作成者は「サンプル編集部」です。ツールは18個のheadのタグを書きます。タイトルと説明文はどちらも目安の内側にあるため、注意は表示されません。

headのタグ	値
書かれたタグ	18
robots	index, follow
正規のアドレス	https://example.com/compound-interest-calculator
注意	なし

これらのタグは、すべて必要ですか？

いいえ。タイトル、説明文、正規のアドレスが中心です。OGPとTwitterのタグは、ページがリンクカードとして共有されるときに効きます。残りは省いてかまいません。

引用符や&が、コードに変えられるのは、なぜですか？

値が属性の中で文字のまま残り、途中で属性を終わらせないようにするためです。ブラウザの中では、ページは元の文字を再び表示するため、タイトルは変わりません。

robotsのタグで、ページが検索結果に出なくなりますか？

noindexの規則は、検索エンジンに結果へ表示しないよう求めます。Googleのrobotsのmetaタグのページはそう説明しており、何も指定しない既定の状態は、制限のないallだとしています。

タイトルが60文字を超えると注意が出るのは、なぜですか？

Googleはタイトルの固定の長さを示しておらず、端末の幅に合わせて切り詰めるため、60文字は目安にすぎません。長いタイトルは、検索結果で切られることがあります。

言語のタグだけで、ページを翻訳できますか？

いいえ。lang属性は、ページがどの言語で書かれているかを示すだけです。ページを翻訳するわけではなく、その言語の本文が別に必要です。

数値と文章の最終確認日：2026年11月10日火曜日。