検索結果を見ると、それぞれのページに内容を表すタイトルが表示されています。
このタイトルに関係するHTML要素が「タイトルタグ」です。
タイトルタグはページの内容を検索エンジンへ伝えるだけでなく、検索結果を見た人が「このページを読みたいか」を判断する材料にもなります。
SEOに取り組むなら、まず役割と基本的な付け方を知っておきましょう。
タイトルタグとは？
タイトルタグとは、Webページのタイトルを示すHTML要素です。
HTMLでは、<title>というタグを使ってページごとに設定します。
ブラウザのタブなどにもタイトルとして利用され、検索エンジンがページの内容を理解するための情報の一つにもなります。
たとえば、初心者向けにWordPressの始め方を紹介するページなら、「WordPressの始め方｜初心者向けに手順を解説」のように、そのページで何が分かるのかをタイトルで示します。
タイトルタグは検索結果にも使われる
Googleなどの検索結果では、ページへのリンクとしてタイトルが表示されます。
ただし、設定したタイトルタグが必ずそのまま表示されるわけではありません。
Googleはタイトルタグだけでなく、ページ内の見出しや目立つテキストなど、複数の情報をもとに検索結果のタイトルリンクを生成することがあります。
そのため、タイトルタグを設定すれば表示内容を完全に指定できるわけではありません。
それでも、ページの内容を正確に表すタイトルタグを設定することは重要です。
タイトルタグがSEOで重要な理由
タイトルタグは、検索エンジンがページのテーマを理解するための手がかりになります。
「何について書かれたページなのか」がタイトルから分かれば、本文との関係も判断しやすくなります。
また、検索結果を利用する人にとってもタイトルは重要です。
同じ検索結果に複数のページが並んでいるとき、タイトルを見て自分が探している情報がありそうなページを選びます。
つまりタイトルタグには、ページの内容を伝える役割と、検索結果からページを選ぶ判断材料になる役割があります。
ただし、タイトルへキーワードを入れるだけで検索順位が上がると考えるのは適切ではありません。
ページの内容と合った自然なタイトルを付けることが基本です。
タイトルタグを付けるときのポイント
タイトルを考えるときは、SEOだけを意識してキーワードを並べるのではなく、内容の分かりやすさを優先します。
初心者がまず確認したいポイントを整理します。
ページの内容が分かるタイトルにする
タイトルだけを読んでも、何について書かれているページなのか分かるようにします。
たとえば「初心者向けに解説」だけでは、何を解説しているのか分かりません。
「タイトルタグとは？初心者向けに役割を解説」のように、ページの中心となるテーマを明確にすることが大切です。
ページごとにタイトルを付ける
Webサイトにはトップページ、サービスページ、ブログ記事など、内容の異なるページがあります。
それぞれのページで同じタイトルを使うのではなく、ページの内容に合わせて設定します。
似た内容のページでも、そのページで特に伝えている内容が分かるタイトルを考えましょう。
キーワードを不自然に繰り返さない
検索されたい言葉をタイトルへ含めることはありますが、同じ言葉を何度も繰り返す必要はありません。
たとえば「SEOとは？SEO初心者がSEO対策を始めるSEOガイド」のようなタイトルは読みにくくなります。
検索する人が自然に理解できる表現を優先しましょう。
長すぎるタイトルに注意する
タイトルが長すぎると、検索結果ですべての文字が表示されない場合があります。
ただし、「必ず何文字以内なら省略されない」という固定の文字数だけを基準にする必要はありません。
必要な情報を詰め込みすぎず、ページの内容を簡潔に表現することを意識します。
タイトルタグとH1は同じもの？
タイトルタグとH1は、どちらもページのタイトルとして使われることがあるため混同しやすい要素です。
タイトルタグはHTMLの<title>で設定し、ブラウザや検索結果などで利用されます。
H1はページ本文の見出しとして使うHTML要素で、実際のページ内に表示されます。
同じような文章を設定することはありますが、タイトルタグとH1は別のHTML要素です。
タイトルタグとH1を無理に違う内容にする必要はありません。どちらもページの内容と一致していることを優先し、それぞれの役割に合わせて分かりやすく設定しましょう。
タイトルを変更したらすぐ検索結果も変わる？
タイトルタグを変更しても、検索結果の表示がすぐに変わるとは限りません。
検索エンジンがページを再びクロールし、変更内容を確認するまで時間がかかる場合があります。
また、先ほど説明したように、Googleが検索結果に表示するタイトルリンクを別の情報から生成することもあります。
変更後はすぐに何度も書き換えるのではなく、ページの内容とタイトルが合っているかを確認しましょう。
タイトルタグは内容の分かりやすさを優先しよう
タイトルタグは、Webページのタイトルを示すHTML要素です。
検索エンジンがページを理解する手がかりになるだけでなく、検索結果を見た人がページを選ぶ判断材料にもなります。
タイトルを付けるときは、ページのテーマを明確にし、キーワードを不自然に繰り返さないことが基本です。
SEOだけを意識して作るのではなく、検索する人に「何が書いてあるページなのか」が伝わるタイトルを目指しましょう。
メタディスクリプション
タイトルタグとは、Webページのタイトルを示すHTML要素です。SEOで重要な理由や検索結果との関係、初心者がタイトルを付けるときの基本的なポイントを紹介します。
パーマリンク
what-is-title-tag
タグ
タイトルタグ、SEO、検索結果、HTML、SEO初心者
挿絵1
種類： タイトルタグが使われる場所を示す図解
挿入位置： 「タイトルタグは検索結果にも使われる」の説明後
内容： 中央にタイトルタグを配置し、そこから「検索結果」「ブラウザのタブ」「検索エンジンがページを理解する手がかり」の3方向へつながる構成にする。検索画面、ブラウザ、虫眼鏡などのアイコンを使用する。白背景を基本に、Webやろっ！のサイトカラーであるオレンジとターコイズを中心に使用し、薄い円やドット、ラインなどの装飾を加える。
ALTテキスト： タイトルタグが検索結果やブラウザなどで利用される仕組み
挿絵2
種類： タイトルタグを付ける4つのポイントを示す図解
挿入位置： 「タイトルタグを付けるときのポイント」の説明後
内容： 「内容が分かる」「ページごとに設定」「キーワードを繰り返さない」「長すぎない」の4項目をカード形式で配置する。Webページ、複数ページ、文字、定規などのアイコンを使用する。カテゴリカラーの緑ではなく、Webやろっ！共通のオレンジとターコイズを基調に、白背景＋ドット・薄い図形などを使ったいつものフラットな図解にする。
ALTテキスト： SEOを意識したタイトルタグを付けるときの4つのポイント
コメント