タイトルタグとは？
SEOで最も重要なHTML要素の書き方メモ
タイトルタグとは
タイトルタグは、HTMLの<title>要素に記述するページタイトルのことだ。ブラウザのタブに表示されるほか、Google検索結果のリンク文字列としても使われる。Google検索セントラルのタイトルリンクガイドでは「検索結果上のウェブページの内容を簡潔に示す要素」と説明されている。
外 検索結果のタイトルリンク - Google検索セントラル developers.google.comSEOで最も基本かつ重要な要素とされており、タイトルの書き方ひとつで検索結果でのCTRが大きく変わる。このブログでもタイトルを変更してCTRが改善した事例がある。
HTMLでの書き方はシンプルで、<head>内に<title>ページタイトル｜サイト名</title>と記述する。このブログでは全記事に「○○○○○｜ツバサのメモ帳」の形式でタイトルを設定している。
文字数の目安と書き方のコツ
Google検索結果に表示される文字数は、PCで約30〜35文字、スマホで約36〜41文字程度。それを超えると「...」で省略される。SEOスターターガイドでは「簡潔でわかりやすいタイトルを作成する」ことが推奨されている。
外 SEOスターターガイド - Google developers.google.comこのブログでは以下のルールでタイトルを書いている。
| 項目 | ルール |
|---|---|
| 文字数 | 32〜40文字（「｜ツバサのメモ帳」含む） |
| 用語集の文字数 | 25〜32文字（やや短め） |
| 構成 | メインキーワード＋補足情報｜サイト名 |
| 禁止 | キーワードの詰め込み、煽り表現 |
タイトルの冒頭にメインキーワードを置くのが基本。「○○とは？△△を調べた」「○○の選び方｜△△を比較」のような形が検索意図に合いやすい。
注意点として、Googleはタイトルタグをそのまま検索結果に表示するとは限らない。Googleの公式ガイドによると、タイトルタグの内容がページの内容と合っていない場合や、クエリとの関連性が低い場合、Googleが自動的にタイトルを書き換えることがある。
meta descriptionとの違い
タイトルタグと混同しやすいのがmeta descriptionだ。
| 要素 | タイトルタグ | meta description |
|---|---|---|
| HTML | <title> | <meta name="description"> |
| 検索結果での表示 | リンク文字列（青い文字） | リンク下の説明文 |
| SEOへの影響 | 直接的（ランキング要因） | 間接的（CTRに影響するがランキング要因ではない） |
| 推奨文字数 | 32〜40文字 | 110〜125文字 |
タイトルタグは検索順位に直接影響するランキング要因だが、meta descriptionはランキング要因ではない。ただしmeta descriptionがCTRに影響し、CTRが間接的に順位に影響する可能性はある。Googleの有用なコンテンツのガイドラインも参考になる。
外 有用で信頼性の高いコンテンツの作成 - Google developers.google.com ツ 記事のタイトルを変えたらCTRが動いた話 tsubasa-memo.github.io/search-console-ctr.html ツ 個人ブログのSEOを勉強した記録 tsubasa-memo.github.io/blog-seo-basics.html