2021/2/18 HTML&CSS辞典をオープンしました! コンテンツは随時更新します!

title要素とは? 分かりやすく解説します!

title要素の評価
頻出度
(5.0)
重要度
(5.0)
総合評価
(5.0)




1.title要素とは?

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

title要素はWebブラウザのウィンドやタブ等に表示されます。




2.title要素の使い方

Webページのタイトルを省略することはできません。

タイトルは「<title>~</title>」で指定します。

タイトルはWebブラウザの検索エンジン・お気に入り・ブックマークなどで使用される大切な情報です。

そのため、分かりやすいタイトルをつけるようにしましょう。

それではtitle要素の使い方をみていきましょう。

<!DOCTYPE>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>title要素とは?</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
・・・・
</body>
</html>

<title>~</title>でページのタイトルを指定する

title要素はhead要素内に記述します。

<title>title要素とは?</title>」と記述することでページのタイトルを指定しています。


↓↓↓↓ html要素について詳しく知りたい方は以下の記事をご覧になって下さい。

html要素とは? 分かりやすく解説します!

↓↓↓↓ head要素について詳しく知りたい方は以下の記事をご覧になって下さい。

head要素とは? 分かりやすく解説します!

3.title要素はSEOにも影響する?

title要素はSEOにも影響するので、とても重要です。

タイトルをつける際は以下のことに注意しましょう。

  • ページの内容を端的にまとめる
  • タイトルの文字数は31文字以内に収める
  • クリックしたくなるようなタイトルをつける
  • できるだけタイトル前半にキーワードを設定する

記事を上位表示させるためにSEOはとても重要です。

タイトルはSEOをハックする上で必要不可欠なのでしっかりと考えつけることをオススメします。

ただ、SEOばかりを意識して、読者にとって分かりづらいタイトルにならないように注意しないといけません。




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です