HTML & CSS

title要素

  1. 最終更新日:
  2. 公開日:

ページのタイトルを表します。
head要素の子要素として必ず1つ書かなければならず、また2つ以上を書くことはできません。

HTML サンプルコード

<head>
  <title>サンプルコード</title>
</head>
  • カテゴリー

    メタデータ

  • コンテンツモデル

    テキスト

  • 使用ケース

    head要素の子要素として使用(必須)。

属性

グローバル属性

グローバル属性のみ使用することができます。
グローバル属性について詳しくは、「HTMLのグローバル属性」をご覧ください。

使用例

Googleやbingなどの検索結果、またはブラウザのタブに表示されるページ名となるので、ページの内容とサイト名が分かりやすいものが望ましいです。

サイトのトップページ使用例

<head>
  <title>GrayCode</title>
</head>

下層ページでの使用例

一般的には「ページ名 | サイト名」という組み合わせがよく使われています。
SEOとして、同じサイト内の他ページとの重複は好ましくありません。ページ毎に異なる内容を記述しましょう。

HTML コード例

<head>
  <title>GrayCode</title>
</head>

Googleにおける検索結果における表示例です。
title要素に記述した内容が次のように表示されます。

Google検索結果におけるtitle要素の表示例

ブラウザのタブにおける表示例です。
ここでもtitle要素に記述した内容が表示されます。

ブラウザにおけるtitle要素の表示例

記事一覧