htmlのtitle要素とは? SEOを意識したタイトルの付け方も分かりやすく解説!

title要素について知りたい人

title要素について知りたいな!

この記事は上記のような疑問を解消するものとなっています。

この記事でお話すること
  • title要素とは?
  • title要素の使い方
  • title要素はSEOにも影響する?

title要素はHTMLのhead要素内に記述され、HTML文書のタイトルを表すものです。

title要素はhead要素内で唯一ユーザーの目に付くところです。

タイトルにどのようなキーワードを入れるかで検索順位が変わってきます。

SEO的にもとても重要な要素となっています。

そこでこの記事では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>」と記述することでページのタイトルを指定しています。

文字数は30文字前後かつキーワードはなるべく前の方に記述するようにしましょう。


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

[意味は?] html要素とは? 属性・使い方も分かりやすく解説!

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

HTMLのhead要素とは? 書き方や読み方を分かりやすく解説!

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

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

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

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

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

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

タイトルの文字数は30文字以内に収める

タイトルはあまり長すぎるとユーザーにもSEO的にもよくありません。

30文字前後に設定するのが一番良いです。

なぜかというと検索結果ページに表示されるタイトルの文字数が30文字前後だからです。

できるだけタイトル前半にキーワードを設定する

Googleが端折ってタイトルを表示したりするので重要なキーワードはできる限り前に置くようにしましょう。

できるだけタイトル前半にキーワードを設定するというのはSEO的にもとても重要です!

クリックしたくなるようなタイトルをつける

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

そのため、クリックしたくなるような文言を入れるといいといわれています。

 

SEOについてもっと詳しく知りたい方は是非「沈黙のWebライティング —Webマーケッター ボーンの激闘」をご覧ください。

沈黙のWebライティング —Webマーケッター ボーンの激闘」はWebで「成果を上げる」ための文章の書き方を解説した実用入門書です。

とても為になる本なので是非利用してみてはいかがでしょうか!?

 

 

本だけでなく、優秀なライターさんから学びたいという方は「Writing Hacks(ライティングハックス)」がオススメです!

Writing Hacks(ライティングハックス)」は質問対応に関してもカリキュラム内のことであれば無制限、無期限に対応可能となっています。

また、他スクールよりも圧倒的に安い価格でのスクール提供ができています。

とても為になるスクールなので是非「Writing Hacks(ライティングハックス)」を利用してみてはいかがでしょうか!?

コメントを残す

メールアドレスが公開されることはありません。