ウェブ学のすすめ

Study of Web Design & Programing

title要素の決め方

title要素は、文書のタイトルを示します。

指定したタイトルは

  • ブラウザのタイトルバー
  • 「お気に入り」や「ブックマーク」を登録したときのタイトル
  • 検索結果に表示されるタイトル

などに利用されます。

形式

head要素内に配置します。

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

↓タイトルに日本語を使う場合は、文字コードを指定した後にtitle要素を配置します。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>タイトル名</title>
</head>

適切なページタイトルとは?

サイトのタイトルと説明 - ウェブマスター ツール ヘルプによると、

  • 具体的でわかりやすいページ タイトルを付ける。不必要に長すぎるものや冗長なものも避けます。
  • キーワードを詰め込んだようなタイトルは避ける。
  • 同じタイトルや定型文を使用したタイトルは避ける。
  • タイトルを目立たせる。
  • ページに対する検索エンジンのクロールの無効化に注意する。

他にも

  • キーワードの位置
    キーワードが前方にないと検索結果で目立たなくなってしまうので出来るだけ前方に含める
  • 文字数
    Yahoo! JAPANやGoogleの検索結果でタイトルが省略されないように半角英数字なら40文字、全角なら20文字程度を目安にする

といったことに注意してタイトルを付けるようにしたほうがいいようです。