HTML & CSS

最終更新日:
公開日:

リファレンス

HTML

タイトル

title要素

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

サンプルコード

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

    メタデータ

  • コンテンツモデル

    テキスト

  • 使用ケース

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

属性

グローバル属性

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

使用例

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

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

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

下層ページでの使用例

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

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

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

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

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

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

こちらの記事は役に立ちましたか?

ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。

コメントありがとうございます!
運営の参考にさせていただきます。