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

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

属性

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

使用上のメモ

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

ページの題名と SEO

ページタイトルの内容は、検索エンジン最適化 (SEO) に著しい影響を与えることがあります。一般的に Google 検索では、短いタイトルや説明のない題名よりも、長い題名や説明的な題名の方が効果が大きくなります。題名の内容は、検索結果にページをリストする順序を決定するためにアルゴリズムによって使用される部品の1つであるだけでなく、題名は、 Google 検索の結果を見ている読者の注意を引く最初の「フック」となります。

メモ: ここでの議論は Google を例にしていますが、この概念はすべての検索エンジンに適用されます。

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

  • 一言二言の題名は避けましょう。説明的な文言を使用したり、用語集や参照スタイルのページでは用語と定義の組を使用したりしましょう。
  • Google は通常、ページの題名は最初の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 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
titleChrome 完全対応 1Edge 完全対応 ありFirefox 完全対応 1IE 完全対応 1Opera 完全対応 ありSafari 完全対応 1WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, mdnwebdocs-bot, yyss, ethertank
最終更新者: mfuji09,