<title>: 文書題名要素

HTML 題名要素 (<title>) は、ブラウザーのタイトルバーやページのタブに表示される文書の題名を定義します。テキストのみを含めることができ、要素内のタグはすべて無視されます。

<title>Grandma's Heavy Metal Festival Journal</title>
コンテンツカテゴリ メタデータコンテンツ
許可されている内容 要素間のホワイトスペースではないテキスト。
タグの省略 開始タグと終了タグの両方が必要。なお、 </title> を忘れると、ブラウザーがページの残りの部分を無視することがある。
許可されている親要素 他に <title> 要素を含まない <head> 要素。
許可されている ARIA ロール なし。
DOM インターフェイス HTMLTitleElement

属性

この要素にはグローバル属性のみがあります。

使用上のメモ

<title> 要素は常にページの <head> ブロックの中で使われます。

ページの題名と SEO

ページの題名の内容は、検索エンジン最適化 (SEO) に著しい影響を与えることがあります。一般的に、長く、説明的な題名は、短く、一般的な題名よりも効果があります。題名の内容は、検索エンジンのアルゴリズムが検索結果にページを列挙する順序を決定するために使用する材料の一つです。また、題名は検索結果ページを眺めている読者の注意を引く最初の「フック」となります。

良い題名を作成するためのガイドラインやコツを示します。

  • 1~2語の題名は避けましょう。説明的な文言を使用したり、用語集や参照スタイルのページでは用語と定義の組を使用したりしましょう。
  • 検索エンジンは通常、ページの題名は最初のおよそ55-60文字を表示します。それを超えるテキストは失われることがあるので、それよりも長くはしないようにしてください。もっと長い題名を使う必要があるのであれば、重要な部分を前にもってくると、題名の中の重要な部分が落とされにくくなります。
  • できれば特殊文字は避けてください。すべてのブラウザーが同じ方法で表示できるとは限りません。例えば、 "<" はウィンドウのタイトルバーでは "&lt;" (HTML の less-than エンティティ) として表示されることがよくあります。
  • 「キーワード BLOB」を使用しないでください。タイトルが単なるキーワードの羅列であると、アルゴリズムはそのページの検索結果内の順位を落とすことがあります。
  • 題名はできるだけサイト内で固有のものにするようにしてください。複写や複写に近いものは検索結果を不正確にすることがあります。

<title>素敵で面白いこと</title>

この例ではページの題名全体 (ウィンドウの最上部またはウィンドウのタブに表示されるもの) を「素敵で面白いこと」) にします。

アクセシビリティの考慮事項

重要なことは、ページの目的を記述した title の値を設定することです。

支援技術を使用するユーザーのためのナビゲーション技術として、ページの題名を読んで、どのようなコンテンツが含まれるかを知るというものが良く使われます。これはコンテンツを特定するためにページ間を移動すると、時間を消費したり手順を間違える可能性があったりするからです。

<title>Menu - Blue House Chinese Food - FoodYum: Online takeout today!</title>

ページの状態が大きく変わったことを示すために (フォーム検証の問題など)、ユーザーを支援するために、ページの title の値を更新してください。

<title>2 errors - Your order - Blue House Chinese Food - FoodYum: Online takeout today!</title>

仕様書

仕様書 状態 備考
HTML Living Standard
<title> の定義
現行の標準
HTML5
<title> の定義
勧告
HTML 4.01 Specification
<title> の定義
勧告

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
titleChrome 完全対応 1Edge 完全対応 ありFirefox 完全対応 1IE 完全対応 1Opera 完全対応 ありSafari 完全対応 1WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応