Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【HTML Living Standard】title要素の使い方

title要素の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

title要素は、HTML文書のタイトルを表す要素です。この要素は、ウェブページのコンテンツそのものではなく、主にブラウザのタブやウィンドウのタイトルバーに表示されるテキストを設定します。また、ユーザーが特定のページをブックマークやお気に入りに追加する際に、そのページの識別名として表示されるほか、検索エンジンの検索結果ページでは、各ウェブサイトへのリンクのタイトルとして非常に重要な役割を果たします。

このtitle要素は、HTML文書ごとに一つだけ配置することが推奨されており、必ずHTML文書のメタデータ部分である<head>要素の中に記述されます。<title>タグで囲まれたテキストがタイトルとして認識され、その内容はプレーンテキストのみを含めることができます。他のHTMLタグや要素をネストして含めることはできません。

ウェブページのタイトルは、そのページの目的や内容を簡潔かつ正確に表現するべきです。検索エンジン最適化(SEO)の観点から極めて重要であり、検索結果を見てユーザーがどのページを閲覧するかを判断する上で大きな影響を与えます。そのため、ページの主要な内容を示すキーワードを含めつつ、ユーザーにとって魅力的で分かりやすいタイトルを設定することが推奨されます。例えば、ブログ記事であれば「記事のタイトル - ブログ名」、製品ページであれば「製品名 - 会社名」のように、一貫性のあるルールでタイトルを付けることが効果的です。このtitle要素の適切な利用は、ウェブサイトのユーザビリティと検索エンジンからの視認性を大きく向上させます。

公式リファレンス: <title>: The Document Title element

構文(syntax)

1<head>
2  <title>ページのタイトル</title>
3</head>

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ