Domain 42 / 225

title タグは検索結果の青いリンク部分を決める最重要 HTML 要素

title タグ の要点

title タグは検索結果の青いリンク部分(title link)として表示され、CTR に最も影響する HTML 要素。30 文字程度(全角換算)で切れることが多く、重要 KW は前半に配置。Google は約 60% のページで title を独自に書き換えるが、ページ内容と合致した自然な title なら採用率が上がる

なぜこれを学ぶか

title タグは SEO で唯一「順位に影響 + CTR に直接影響」する HTML 要素。 ここを最適化しないと、順位が良くてもクリックされず流入を取り逃す。逆にここを最適化すると、同じ順位でも CTR を 1.5-3 倍動かせる。

メディア・EC・SaaS の全ページに適用される基本中の基本。

学ばないと選びがちな悪い例

よくある失敗結果
ブランド名を冒頭に毎回入れる(「サイト名 | 記事タイトル」)KW が後半に隠れて CTR 下がる
同じ KW を 3-4 回繰り返すKW スタッフィング判定 + 不自然
60 文字超で切れる位置に重要情報検索結果で重要情報が見えない
全ページで似た title(「商品 | サイト名」「カテゴリ | サイト名」)Google が独自に書き換え、想定と違う表示
絵文字 / 記号を多用Google が削除する場合あり
クリックベイト的に煽る内容と一致しないと判定で書き換えられる

学ぶメリット

  • 同じ順位でも CTR を大幅改善できる
  • Google による title 書き換えを最小化できる
  • 商談で「title は約 30 文字」「KW は前半配置」を即答できる
  • 検索結果で目立つ title 設計のテンプレを持てる

仕組み

title タグの役割

表示先役割
検索結果(青いリンク)クリックされる「顔」
ブラウザタブタブ識別
ブックマークデフォルトのブックマーク名
SNS シェア(OGP 未設定時)デフォルトのシェアタイトル

最重要は 検索結果の青いリンク。CTR を直接決める。

文字数の目安

デバイス表示可能文字数(目安)
PC半角 60 / 全角 30 文字程度
モバイル半角 40 / 全角 20-25 文字程度

切れた部分は「...」で省略表示される。重要 KW は最初の 20-30 文字以内に配置するのが鉄則。

Google による title 書き換え

公式に明記: Google は約 60% のページで title を独自に書き換える

書き換えの主な理由:

  • title が長すぎる
  • title にキーワード詰め込み(重複 / 不自然)
  • title がページ内容と一致しない
  • すべてのページで同じ title
  • ブランド名が前後に多重表示
  • 過度な絵文字・記号

書き換えを防ぐには ページ内容を正確に表す自然な title にする。

キー概念

title タグの実装

<head>
  <title>canonical の正しい使い方 - 重複コンテンツを統合する 5 つの方法 | spotyou</title>
</head>

ベストプラクティス:

  • 重要 KW を冒頭
  • 区切り文字: | - のいずれか統一
  • ブランド名は末尾に 1 回のみ
  • ページ内容を正確に要約

検索意図別の title テンプレ

Know(解説記事)

{KW} とは | {追加情報} の解説 | {ブランド}

例: 「canonical とは | 重複コンテンツを統合する仕組みの解説 | spotyou」

Do(ハウツー)

{KW} の方法 | {ステップ数} で {結果} | {ブランド}

例: 「canonical の設定方法 | 5 ステップで重複統合 | spotyou」

Buy(比較)

{KW} 比較 {N} 選 | {年} 年最新 | {ブランド}

例: 「SEO ツール 比較 10 選 | 2026 年最新 | spotyou」

商品ページ(EC)

{商品名} | {ブランド} 公式

例: 「青いマキシ丈ドレス | spotyou 公式」

Google は title タグだけでなく、以下から「最適な title link」を生成する:

  1. title タグ
  2. 主要見出し(h1)
  3. 内部リンクのアンカーテキスト
  4. ページ本文の冒頭
  5. ナビゲーション内のページ名

ページに一貫した「タイトル」を持たせる(title / h1 / メインの見出しが揃う)と、Google は title タグをそのまま採用しやすい。

Google が書き換えを行うパターン

実例:

あなたの titleGoogle の書き換え後理由
「商品 | サイト名 | カテゴリ | ブランド | 業界」「商品 | サイト名」ブランド多重表示
「【完全保存版】SEO の超超超基本!」「SEO の基本」過度な装飾
「canonical canonical canonical の使い方」「canonical の使い方」KW 重複
「家具家電・キッチン・寝具・収納用品の通販」「キッチン用品 通販 | サイト名」詰め込みすぎ

よくある誤解

よくある誤解実際のところ出典
title 長いほどキーワードを多く入れられて SEO に強い60 文字超で切れる、重要 KW は前半にtitle link
Google は title をそのまま使う約 60% で書き換えがある、書き換え理由を理解して回避同上
ブランド名は冒頭に入れるべきKW を冒頭に、ブランドは末尾が推奨同上
絵文字を入れると目立って CTR が上がるGoogle が削除する場合あり、内容と無関係なら逆効果同上
全ページで「商品名 | サイト名」固定で OKGoogle が独自書き換え、ページ内容に合わせて固有 title が推奨同上
title と h1 は完全一致が必須一致が理想だが必須ではない、両方ページ内容を表せば OK同上
クリックベイト的に煽れば CTR が上がる内容と不一致だと書き換えられる + ユーザー離脱同上
title はランキング要因ではないランキング要因の 1 つ、KW 配置は順位にも影響同上

実務での適用

CMS テンプレート設計

記事ページ

{記事タイトル} | {カテゴリ}(任意) | {サイト名}

カテゴリページ

{カテゴリ名} の記事一覧 | {サイト名}

商品ページ

{商品名} | {ブランド名} 公式

トップページ

{サイト名} - {キャッチコピー}

サイト名末尾の区切りは | で統一。

CTR 最適化のテストパターン

A/B テスト的に試す:

バリエーション
数字を入れる「SEO ツール 10 選」「3 ステップで…」
年度を入れる「2026 年最新」
ベネフィットを示す「初心者でも分かる」「5 分で理解」
質問形にする「canonical とは?」
公式 / 完全 / 完全ガイド「完全ガイド」「公式」

改善優先度の決め方

Search Console「Performance」レポートで:

  1. 順位 1-15 位 + CTR 低い URL を抽出
  2. 該当 URL の title を再評価
  3. 改善 → 1-2 ヶ月後に CTR 変化を計測

トラブル別の対処

症状確認すべきこと
Google が title を勝手に書き換える長すぎ / KW 詰め込み / ブランド多重 / 内容不一致を修正
同じ順位なのに競合より CTR が低いtitle の魅力 / 数字 / ベネフィットの追加
モバイル CTR が PC より低いモバイル表示 20-25 文字以内に重要情報を
title が「...」で切れている重要情報を前半に移動

公式ソース

自己テスト

Q1. title タグの推奨文字数は?

PC で半角 60 / 全角 30 文字程度。モバイルはさらに短く 20-25 文字程度。重要 KW は最初の 20-30 文字以内に配置

Q2. Google が title を書き換える割合は?

約 60%。長すぎ / KW 詰め込み / 内容不一致 / ブランド多重表示 などが理由

Q3. ブランド名は title のどこに入れるべきか?

末尾に 1 回のみ。KW を冒頭に配置するため

Q4. title と h1 は完全一致が必須か?

必須ではない。一致が理想だが、両方ページ内容を表せば OK

Q5. 絵文字を title に入れると CTR が上がるか?

必ずしも上がらない。Google が削除する場合あり、内容と無関係な絵文字は逆効果

Q6. クリックベイト的に煽る title の問題は?

内容と不一致だと Google が書き換える + ユーザー離脱で評価低下

Q7. title タグはランキング要因か?

ランキング要因の 1 つ。KW 配置は順位にも影響する

Q8. Google が title link を生成する材料は?

title タグ / h1 / 内部リンクのアンカーテキスト / ページ本文の冒頭 / ナビゲーション内のページ名 など複数

これらの内容を採点付きで挑戦したい場合は、本ドメインのプロ試験で 5 問形式で確認できる。