HTML ページタイトル

Volardev 編集部 April 12, 2026

1. HTML <title> 要素とは

HTMLの <title> 要素は、ブラウザのツールバーに表示されるドキュメントのタイトルを定義します。

この要素は必須であり、HTMLドキュメントの <head> セクション内に配置する必要があります。

<!DOCTYPE html>
<html>
<head>
  <title>ページのタイトルをここに記述します</title>
</head>
<body>

<h1>これは見出しです</h1>
<p>これは段落です。</p>

</body>
</html>

<title> 要素に記述されたテキストは、ページのレンダリング結果としてコンテンツ内に表示されることはありませんが、ウェブページのアイデンティティを決定づける極めて重要なメタデータです。

<title> 要素の内容は、主に以下の3つの場所で使用されます。

ブラウザでページを開いた際、タブの中にタイトルのテキストが表示されます。複数のタブを開いている際、ユーザーがページを識別するための重要な手がかりとなります。

ユーザーがページをブックマークに追加した際、デフォルトの保存名としてこのタイトルが使用されます。

Google などのサーチエンジンで検索した際、検索結果の一覧に表示される大きなリンク付きのタイトルとして表示されます。

プロフェッショナルな Web 開発において、タイトルの設計は SEO (Search Engine Optimization) と UX (User Experience) の両面に直結します。

ページ内容を正確に表す: そのページが何について書かれているのかを一目で理解できるようにします。
短く簡潔にする: サーチエンジンの検索結果で省略されないよう、全角32文字（半角60文字程度）以内に収めるのが一般的です。
キーワードを適切に含める: ユーザーが検索しそうな単語を自然な形で挿入します。ただし、キーワードの詰め込みすぎ（キーワードスタッフィング）はスパムとみなされる可能性があるため注意してください。
ページごとに固有のタイトルを付ける: サイト内のすべてのページに異なるタイトルを付け、重複を避けます。

HTML5 標準において、<title> 要素はドキュメント内で必須の要素です。もし記述を忘れてしまうと、以下のような問題が発生します。

タイトルの設定は非常にシンプルですが、その影響力は絶大です。ユーザーが最初に目にする「ページの看板」であることを意識して、常に最適なテキストを検討しましょう。