HTML <title> タグ

定義と使用方法

<title> タグはドキュメントのタイトルを定義します。タイトルは纯テキストでなければならず、ブラウザのタイトルバーまたはページのタブに表示されます。

<title> タグはHTMLドキュメントでは必須です!

ページタイトルの内容は、検索エンジン最適化(SEO)において非常に重要です!検索エンジンのアルゴリズムは、ページタイトルを使用して、検索結果にページをリストアップする順序を決定します。

<title> 要素:

  • ブラウザのツールバーでタイトルを定義します
  • ページにタイトルを追加して、ブックマークに設定します
  • 検索エンジンの結果でページのタイトルが表示されます

以下は作成済みのタイトルのいくつかの提案です:

  • 長くて描述的でないタイトルを選んでください(一つの単語や二つの単語しか含まないタイトルは避けましょう)
  • 検索エンジンは約50-60文字のタイトルを表示しますので、タイトルが長すぎないようにしてください
  • タイトルを単なるワードリストに設定することは避けましょう(これにより、検索結果でのページのランクが低下する可能性があります)

タイトルは正確で意味のあるものにしようとすることが望ましい!

注意:HTMLドキュメントには複数の <title> 要素。

も参照してください:

HTML 教程:HTML ヘッダー

HTML DOM リファレンスマニュアル:タイトルオブジェクト

あなたのHTMLドキュメントにタイトルを定義します:

<!DOCTYPE html>
<html>
<head>
  <title>HTML リファレンスマニュアル</title>
</head>
<body>
<h1>これはタイトルです</h1>
<p>これは段落です。</p>
</body>
</html>

実際に試してみてください

グローバル属性

<title> タグは以下のグローバル属性をサポートしています HTMLのグローバル属性

デフォルトの CSS 設定

ほとんどのブラウザは以下のデフォルト値を使用して表示します <title> 要素:

title {
  display: none;
}

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート