AEO Check Blog
← 記事一覧

titleタグの書き方と最適な文字数｜検索結果でクリックされるタイトルの作り方

検索結果に表示されるタイトルは、ユーザーがクリックするかどうかを決める最大の要因です。

Google公式ドキュメントでも「タイトルリンクは、ユーザーに検索結果の内容を素早く理解させ、そのクエリとの関連性を判断させるために重要」と明記されています。しかし実際には、titleタグが空のまま放置されていたり、全ページ同じテンプレートになっていたりするサイトが少なくありません。

この記事では、titleタグの基本的な役割から、最適な文字数、効果的な書き方のルール、ページ種別ごとの実例、Googleによる書き換え対策まで、実務で使える形で解説します。

titleタグの設定状況を含むAI検索対応度を確認したい方は、無料診断ツールで自動チェックできます。

titleタグとは？検索結果に表示されるページの顔

titleタグ（<title>要素）は、HTMLの<head>内に記述するページのタイトル情報です。検索結果のクリック可能なリンクテキスト、ブラウザのタブ、SNSでのシェア時のタイトルとして使われます。

titleタグが表示される3つの場所

表示場所 役割
Google検索結果 クリック率（CTR）に直接影響する最重要要素
ブラウザタブ 複数タブを開いているときのページ識別
SNSシェア og:titleが未設定の場合にフォールバックとして使用

検索結果では、titleタグの内容が青いリンクテキストとして表示されます。ただし、Googleが内容を書き換える場合もあります（後述）。

titleタグとh1タグの違い

混同されがちですが、役割が異なります。

要素 対象 表示場所 最適化の方向性
<title> 検索エンジン・ブラウザ 検索結果、ブラウザタブ 検索クエリとの関連性を重視
<h1> ページ訪問者 ページ本文の見出し 読者の理解しやすさを重視

titleタグは検索結果向けに最適化し、h1はページ内の読者向けに最適化するのが基本です。両者の内容は一致させるか、titleの方をやや短く具体的にするのが一般的です。

titleタグのHTMLでの記述位置

titleタグは<head>要素内に1つだけ記述します。

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>titleタグの書き方と最適な文字数｜クリックされるタイトルの作り方</title>
  <meta name="description" content="...">
</head>
<body>
  <h1>titleタグの書き方と最適な文字数</h1>
  ...
</body>
</html>

1ページに複数の<title>要素がある場合、Googleは最初のものを使用する傾向がありますが、予期しない動作の原因になるため必ず1つだけにしてください。

titleタグの最適な文字数｜PC・モバイルで切れない長さ

titleタグの文字数に公式な上限はありません。Google公式も「<title>要素の長さに制限はないが、検索結果ではデバイス幅に合わせて切り詰められる」と説明しています。

PC・モバイルの表示文字数の目安

PCでは日本語30字前後、モバイルでは40字前後が表示される目安です。ただし表示幅はデバイスやフォントに依存するため、重要なキーワードは先頭20字以内に配置してください。

切れる位置の考え方

✅ titleタグの書き方と最適な文字数｜クリックされるタイトルの作り方
                              ↑ PCではここまで表示
                                                    ↑ モバイルではここまで表示

❌ 2026年最新版のSEO対策に必須のtitleタグの書き方完全ガイド
   ↑ 重要キーワードが後ろに来ている

先頭に重要な情報を置けば、途中で切れても検索意図に合致していることが伝わります。

ここまで読んで、自社サイトが気になった方へ

URLを入力するだけ。会員登録は一切不要で、30秒後に以下がわかります。

📊AI検索対応度
100点満点スコア
🔍優先して直すべき
改善点Top3
📄PDF / Markdown
改善レポート
無料で診断結果を見る →

URLを入力するだけ / 会員登録不要 / データ保存なし

効果的なtitleタグの書き方｜7つのルール

ルール1: ページ内容を正確に表す

titleタグの最も重要な役割は、ページの内容を正確に伝えることです。ユーザーは検索結果のtitleを見て「このページに自分が求める情報があるか」を判断します。

✅ titleタグの書き方と最適な文字数｜クリックされるタイトルの作り方
❌ SEO対策まとめ
❌ ホーム

悪い例は内容が曖昧で、何が書いてあるページなのか判断できません。Google公式も「"Home"のような曖昧な記述は避ける」と明記しています。

ルール2: 重要なキーワードを先頭寄りに配置する

ユーザーは検索結果を左から右にスキャンします。重要なキーワードが先頭にあるほど、目に留まりやすくなります。

✅ titleタグの書き方｜SEOに効く7つのルールと実例
❌ SEOに効く7つのルールと実例｜titleタグの書き方について

ルール3: 各ページに固有のtitleを設定する

全ページ同じtitleや、テンプレートの一部だけ変えたtitleは避けます。Google公式も「サイト内の各ページに、ページの内容を説明する固有のテキストを設定することが重要」と明記しています。

✅ メンズ ランニングシューズ 一覧 | ブランド名
✅ ウィメンズ トレイルシューズ 一覧 | ブランド名
❌ シューズ | ブランド名（全カテゴリで同じ）

ルール4: キーワードの詰め込みを避ける

同じキーワードや類似語を繰り返すと、Googleにスパムと判断される可能性があります。

✅ titleタグの書き方と最適な文字数｜実例付きガイド
❌ titleタグ 書き方 titleタグ 文字数 titleタグ SEO titleタグ 設定

ルール5: 具体的な数字や条件を入れる

数字があるとクリック率が上がる傾向があります。ただし、根拠のない数字は使いません。

✅ titleタグの書き方7つのルール｜文字数の目安とNG例
✅ ECサイトのtitleタグ設定｜商品・カテゴリ・トップページ別の書き方
✅ titleタグ変更後のCTR改善を確認する3ステップ
❌ titleタグの書き方のすべて
❌ titleタグについて知っておくべきこと

「すべて」「知っておくべき」のような曖昧な表現より、具体的な数字や条件がある方がクリックの判断材料になります。

ルール6: サイト名は末尾に簡潔に入れる

ブランド認知がある場合は、区切り文字（|や-）の後にサイト名を入れます。ただし、サイト名が長い場合は省略も検討します。

✅ titleタグの書き方と最適な文字数 | AEO Check
❌ AEO Check - AI検索対応度診断ツール - titleタグの書き方と最適な文字数

Google公式によると、ドメインレベルのサイト名が検索結果に別途表示される場合、Googleがtitle内のサイト名を省略することもあります。

ルール7: titleタグとh1・ページ内容を一致させる

titleで約束した内容がページ内に存在しないと、Googleがtitleを書き換える原因になります。また、ユーザーが「思っていた内容と違う」と感じて離脱する原因にもなります。

✅ title: titleタグの書き方7つのルール
   h1: titleタグの書き方7つのルール
   → 本文に7つのルールが記載されている

❌ title: titleタグ完全攻略ガイド
   h1: SEOの基本
   → titleとh1が不一致

ページ種別ごとのtitleタグの書き方

トップページ

トップページはサイト全体を代表するtitleにします。

パターン: [サイトの価値提案] | [サイト名]
例: AI検索対応度を無料診断 | AEO Check
例: オーガニック食品の通販 | ナチュラルマート

ブログ・記事ページ

記事の内容が具体的にわかるtitleにします。

パターン: [対策キーワード] + [何がわかるか] | [サイト名]
例: titleタグの書き方と最適な文字数｜クリックされるタイトルの作り方
例: robots.txtの書き方と設定方法｜正しい設定とよくある間違い

商品ページ（EC）

商品名・ブランド・特徴を含めます。

パターン: [商品名] [特徴/型番] | [ストア名]
例: ソニー WH-1000XM5 ワイヤレスヘッドホン ブラック | 家電ストア
例: オーガニックコットン Tシャツ メンズ M〜XL | ナチュラルマート

カテゴリ・一覧ページ

カテゴリの内容と絞り込み条件を含めます。

パターン: [カテゴリ名] [絞り込み条件] 一覧 | [サイト名]
例: メンズ ランニングシューズ 一覧 | スポーツショップ
例: WordPress SEOプラグイン 比較 | ツールレビュー

業種別のtitleタグ例

業種によって検索意図やユーザーの期待が異なるため、titleの書き方も変わります。

EC（物販）:

商品ページ: ソニー WH-1000XM5 レビュー｜ノイズキャンセリング性能と装着感
カテゴリ: メンズ 革靴 ビジネス 一覧｜3万円台のおすすめブランド
セール: 【最大40%OFF】冬物アウター クリアランスセール | ストア名

SaaS:

トップ: プロジェクト管理を1画面で完結 | ツール名
機能ページ: ガントチャート機能｜ドラッグ操作でスケジュール管理
料金: 料金プラン比較｜無料プランから法人プランまで | ツール名

メディア・ニュース:

ニュース: Google検索アルゴリズム 2026年5月アップデートの影響と対策
ハウツー: Notionの使い方｜初心者が最初に設定すべき5つの項目
比較: Slack vs Teams vs Chatwork｜中小企業向け機能比較2026年版

士業（弁護士・税理士・社労士）:

サービス: 相続税申告の税理士費用｜報酬相場と依頼の流れ | 事務所名
コラム: 残業代請求の時効は3年｜請求手順と証拠の集め方
地域: 渋谷区の顧問弁護士｜月額3万円からの法務サポート | 事務所名

飲食・店舗:

店舗トップ: 新宿三丁目の個室イタリアン｜コース3,500円〜 | 店名
メニュー: ランチメニュー｜日替わりパスタ+サラダ+ドリンク980円
予約: ネット予約｜2名〜最大20名の個室あり | 店名

業種に関わらず共通するのは、ユーザーが「このページに自分が求める情報がある」と判断できる具体性を持たせることです。

各ページ種別のチェックポイント

ページ種別 必須要素 避けるべきこと
トップ サイトの価値提案 「ホーム」「トップページ」だけ
記事 対策キーワード + 内容の要約 煽り表現、曖昧な表現
商品 商品名 + 特徴 全商品同じテンプレート
カテゴリ カテゴリ名 + 条件 「商品一覧」だけ

Googleがtitleを書き換えるケースと対策

Googleは検索結果に表示するタイトルリンクを自動生成しており、<title>要素の内容をそのまま使うとは限りません。Google公式によると、以下のソースからタイトルリンクを決定します。

Googleがタイトル生成に使うソース

  1. <title>要素の内容
  2. ページ上の主要な視覚的タイトル（h1など）
  3. <h1>などの見出し要素
  4. og:titleメタタグの内容
  5. スタイルで大きく目立たせたテキスト
  6. ページ内のその他のテキスト
  7. ページ内のアンカーテキスト
  8. ページを指すリンクのテキスト（外部サイトからのアンカーテキスト）

書き換えが発生する主な原因

原因 具体例 対策
titleが空・不完全 ` サイト名`
titleが古い 2020年の日付のまま更新されていない 内容に合わせて更新する
titleがページ内容と不一致 titleとh1が全く異なる titleとh1を一致させる
定型文の繰り返し 全ページ同じtitle ページごとに固有のtitleを設定
キーワードの詰め込み 同じ語句の繰り返し 自然な文章にする
言語・文字体系の不一致 日本語ページに英語title ページの言語に合わせる

書き換えが発生する具体的なパターン（実例）

以下は、Googleがtitleを書き換える典型的なパターンです。

パターン1: サイト名の重複除去

設定: 株式会社ABC | 株式会社ABCの会社概要
表示: 会社概要 | 株式会社ABC
→ Googleがサイト名の重複を検出し、簡潔に整理

パターン2: 長すぎるtitleの切り詰め+再構成

設定: 2026年最新版SEO対策完全ガイド｜初心者から上級者まで使えるtitleタグの書き方とmeta descriptionの設定方法
表示: SEO対策ガイド｜titleタグの書き方とmeta description設定
→ 冗長な修飾語を削除し、核心部分のみ残す

パターン3: h1との不一致でh1が採用される

設定: <title>サービス紹介 | ABC社</title>
h1: クラウド会計ソフトの機能と料金プラン
表示: クラウド会計ソフトの機能と料金プラン | ABC社
→ titleが曖昧なため、より具体的なh1が採用される

パターン4: キーワード詰め込みの排除

設定: 渋谷 美容院 渋谷駅 美容室 カット カラー パーマ 渋谷区
表示: 渋谷駅の美容院 | 店名
→ スパム的なキーワード羅列を排除し、自然な形に再構成

パターン5: 検索クエリに応じた動的書き換え

設定: <title>料金プラン | ツール名</title>
「ツール名 無料プラン」で検索時の表示: 無料プランあり｜料金プラン | ツール名
→ 検索クエリに関連する情報をページ内から抽出して追加

パターン6: 古い日付情報の除去

設定: 【2022年版】確定申告の手順と必要書類まとめ
表示: 確定申告の手順と必要書類まとめ
→ 内容が更新されていないのに古い年号が残っている場合、年号を除去

パターン7: 区切り文字の統一

設定: titleタグの書き方 - SEO対策 - ブログ運営 - サイト名
表示: titleタグの書き方｜SEO対策 | サイト名
→ 過剰な区切りを整理

書き換えを防ぐための5つの対策

  1. titleとh1の内容を一致させる（最も効果的）
  2. ページの内容を正確に反映したtitleにする
  3. 各ページに固有のtitleを設定する
  4. og:titleもtitleと同じ内容にする
  5. titleの言語をページ本文の言語と一致させる

完全に書き換えを防ぐ方法はありませんが、上記を守ればGoogleがtitleをそのまま使う確率が高まります。

書き換えが発生しているか確認する方法

  1. site:example.com でGoogle検索し、表示されるタイトルを確認
  2. 実際のSERPで対象キーワードを検索し、表示されているタイトルを確認
  3. 設定した<title>と異なるタイトルが表示されていれば書き換えが発生している

書き換えが発生している場合は、上記の原因一覧と照らし合わせて修正してください。修正後、Googleが再クロールするまで数日〜数週間かかります。

プラットフォーム別のtitleタグ設定方法

WordPress

WordPressでは、投稿タイトルが自動的に<title>に設定されます。より細かく制御するにはSEOプラグインを使います。

Yoast SEOの場合:

投稿編集画面の下部にある「SEO」セクションで「SEOタイトル」を編集します。変数を使ったテンプレート設定も可能です。

設定場所: Yoast SEO → 検索での見え方 → コンテンツタイプ
テンプレート例: %%title%% | %%sitename%%
個別設定: 投稿編集画面 → Yoast SEOメタボックス → SEOタイトル

All in One SEOの場合:

設定場所: All in One SEO → 検索の外観 → コンテンツタイプ
テンプレート例: #post_title | #site_title
個別設定: 投稿編集画面 → AIOSEO設定 → 投稿タイトル

プラグインなしで直接制御する場合（functions.php）:

// テーマのfunctions.phpに追加
add_theme_support('title-tag');

// titleのセパレータを変更
add_filter('document_title_separator', function() {
    return '|';
});

// titleの構造をカスタマイズ
add_filter('document_title_parts', function($title_parts) {
    // トップページの場合
    if (is_front_page()) {
        $title_parts['title'] = 'AI検索対応度を無料診断';
    }
    return $title_parts;
});

注意点: WordPress 4.1以降はadd_theme_support('title-tag')を使い、テーマ側で<title>を直接出力しないのが推奨です。古いテーマではwp_title()が使われている場合があります。

Shopify

Shopifyでは、各ページの「検索結果のプレビュー」セクションでtitleを編集できます。

設定場所: 商品/ページ編集 → 検索結果のプレビュー → ページタイトル
文字数制限: Shopify管理画面では70文字まで入力可能

テーマのLiquidテンプレートで制御する場合:

{%- comment -%} theme.liquid の <head> 内 {%- endcomment -%}
<title>
  {%- if template == 'index' -%}
    {{ shop.name }} | {{ shop.description }}
  {%- elsif template == 'product' -%}
    {{ product.title }} | {{ shop.name }}
  {%- elsif template == 'collection' -%}
    {{ collection.title }} 一覧 | {{ shop.name }}
  {%- elsif template == 'blog' -%}
    {{ blog.title }} | {{ shop.name }}
  {%- elsif template == 'article' -%}
    {{ article.title }} | {{ shop.name }}
  {%- else -%}
    {{ page_title }} | {{ shop.name }}
  {%- endif -%}
</title>

Shopifyでの注意点:

  • 商品バリエーション（色・サイズ）ごとにURLが変わる場合、titleが重複しやすい
  • コレクション（カテゴリ）ページのtitleはデフォルトでコレクション名のみになるため、手動で補足が必要
  • Shopifyアプリ（SEO Manager、Smart SEOなど）でテンプレート管理も可能

Next.js（App Router）

Next.js 13以降のApp Routerでは、metadataオブジェクトまたはgenerateMetadata関数でtitleを設定します。

静的なtitle設定:

// app/blog/title-tag-guide/page.tsx
import type { Metadata } from 'next';

export const metadata: Metadata = {
  title: 'titleタグの書き方と最適な文字数｜クリックされるタイトルの作り方',
  description: 'titleタグの書き方を7つのルールで解説。最適な文字数、ページ種別ごとの書き方を実例付きで紹介。',
};

export default function Page() {
  return <article>{/* 記事コンテンツ */}</article>;
}

動的なtitle設定（ブログ記事など）:

// app/blog/[slug]/page.tsx
import type { Metadata } from 'next';

type Props = { params: Promise<{ slug: string }> };

export async function generateMetadata({ params }: Props): Promise<Metadata> {
  const { slug } = await params;
  const post = await getPost(slug); // 記事データ取得関数（実装は別途必要）

  return {
    title: `${post.title} | AEO Check`,
    description: post.description,
    openGraph: {
      title: post.title,
    },
  };
}

テンプレート機能でサイト名を自動付与:

// app/layout.tsx
import type { Metadata } from 'next';

export const metadata: Metadata = {
  title: {
    template: '%s | AEO Check',
    default: 'AI検索対応度を無料診断 | AEO Check',
  },
};

この設定により、各ページでtitle: 'titleタグの書き方'と指定するだけで、自動的に「titleタグの書き方 | AEO Check」と出力されます。

titleタグの確認方法

ブラウザのデベロッパーツールで確認

最も手軽な方法です。

  1. 確認したいページを開く
  2. Ctrl + U（Mac: Cmd + Option + U）でソースを表示
  3. <title>タグを検索（Ctrl + Fで「title」を検索）

または、デベロッパーツール（F12）のElementsタブで<head>内の<title>を確認します。

JavaScriptで動的に設定されるtitleの確認方法:

SPAやNext.jsなどでクライアントサイドレンダリングされるページでは、ソース表示では正しいtitleが見えない場合があります。その場合はデベロッパーツールのConsoleで以下を実行します。

document.title
// → "titleタグの書き方と最適な文字数｜クリックされるタイトルの作り方"

Google検索結果での実際の表示を確認

設定したtitleがGoogleの検索結果でどう表示されているかを確認するには：

  1. site:example.com/page-url でGoogle検索
  2. 表示されたタイトルリンクが<title>と一致しているか確認
  3. 異なる場合はGoogleが書き換えている（前述の対策を実施）

Google Search Consoleで確認

Search Consoleの「URL検査」ツールで、Googleが認識しているtitleを確認できます。

  1. Search Consoleにログイン
  2. 上部の検索バーにURLを入力し「URL検査」を実行
  3. レンダリングされたHTMLを確認するか、ページソースを直接確認してtitleを検証

コマンドラインで一括確認

複数ページのtitleを一括で確認したい場合：

# 単一ページのtitleを取得
curl -s https://example.com | grep -oP '(?<=<title>).*(?=</title>)'

# URLリストから一括取得
while read url; do
  title=$(curl -s "$url" | grep -oP '(?<=<title>).*(?=</title>)')
  echo "$url → $title"
done < urls.txt

SEOツールでの確認

  • Screaming Frog: サイト全体をクロールしてtitleの重複・文字数超過・未設定を一覧表示
  • Ahrefs / SEMrush: 検索結果での実際の表示タイトルとの差異を確認
  • Lighthouse: Chrome DevToolsの「SEO」カテゴリでtitle関連の問題を検出

チェックすべきポイント

チェック項目 問題 対処
titleが空 検索結果にページ名が表示されない 内容に合ったtitleを設定
titleが重複 複数ページで同じtitle ページごとに固有のtitleに変更
titleが長すぎる 検索結果で切れる 重要情報を先頭28文字以内に
titleとh1が不一致 Googleに書き換えられる 両者を一致させる
titleにキーワードがない 検索意図との関連が伝わらない 対策キーワードを自然に含める

AI検索とtitleタグの関係

ChatGPTやPerplexity、Google AI OverviewなどのAI検索が普及する中で、titleタグがAIの引用にどう影響するかは注目されているテーマです。

現時点でわかっていること

AI検索エンジンがWebページを引用する際、引用元のリンクテキストとしてtitleタグの内容が使われるケースが観測されています。ただし、AIがどのソースを引用するかの選定基準は公式に公開されていません。

観測ベースでは、以下の傾向が見られます：

  • AI Overviewやperplexity.aiの引用リンクに、ページのtitleタグがそのまま表示されることが多い
  • titleが具体的で内容を正確に表しているページは、引用時にユーザーがクリックしやすい可能性がある
  • titleタグ自体がAIの引用選定に直接影響するかどうかは不明

AI検索での引用表示の仕組み

AI検索エンジンの引用表示仕様は非公開です。titleタグは引用リンクの見え方に影響する可能性がありますが、各エンジンの挙動は変更されることがあります。

titleタグとAI検索で意識すべきこと

AI検索対策としてtitleタグを特別に変える必要はありません。従来のSEOベストプラクティスに従って、ページ内容を正確に表す具体的なtitleを設定することが、結果的にAI検索でも有利に働く可能性があります。

具体的には：

  • ページの内容を正確に要約したtitleにする
  • 曖昧な表現（「まとめ」「ガイド」だけ）を避け、具体的にする
  • titleとページ内容の一致度を高める
  • 検索クエリに対する回答が含まれていることが伝わるtitleにする

AI検索対策の全体像については、構造化データの実装ガイドやOGPタグの設定方法も参考にしてください。

AI検索への対応状況を総合的に確認したい方は、無料診断ツールでtitleタグを含む複数の項目を自動チェックできます。

よくある質問（FAQ）

titleタグとmeta titleは同じものですか？

はい、同じものを指します。「meta title」はSEO業界での通称で、正式なHTML要素名は<title>です。<meta name="title">という要素は存在しますが、Googleは使用しません。HTMLの<head>内に記述する<title>タイトル</title>がtitleタグです。

titleタグの文字数は何文字が最適ですか？

重要な情報を先頭28文字以内に入れ、全体は30〜40文字を目安にするのが実務上の推奨です。Googleは文字数ではなくピクセル幅で切り詰めるため、厳密な上限はありません。全角文字が多い日本語では、32文字前後でPCの表示幅に収まることが多いです。

titleタグを変更するとSEO順位に影響しますか？

titleタグはGoogleのランキング要素の一つです。変更後に順位が変動する可能性はあります。ただし、titleの変更だけで大幅に順位が上下することは稀です。ページ内容を正確に表すtitleに改善する変更は、中長期的にプラスに働く傾向があります。 変更後はSearch Consoleで表示回数・クリック率の推移を確認してください。

titleタグとog:titleは同じ内容にすべきですか？

基本的には同じ内容にするのが安全です。Googleはtitleリンクの生成時にog:titleも参照するため、両者が異なるとGoogleが意図しない方を選ぶ可能性があります。SNSでの表示を変えたい場合のみ、og:titleを別に設定してください。OGPタグの詳しい設定方法も参考にしてください。

titleタグを変更してからGoogleに反映されるまでどのくらいかかりますか？

Google公式によると、変更の反映には「数日から数週間」かかります。Search Consoleの「URL検査」から再クロールをリクエストすることで、反映を早められる場合があります。ただし、リクエストしても即時反映は保証されません。

titleタグのA/Bテスト方法｜Search Consoleで効果を測定する

titleタグを変更したら、効果を測定して改善サイクルを回すことが重要です。Google Search Consoleのデータを使えば、追加ツールなしでtitleの効果検証ができます。

Search Consoleを使ったtitle改善の手順

Step 1: 現状のCTRを記録する

Search Console → 検索パフォーマンス → ページタブで、対象ページの表示回数・クリック数・CTR・平均掲載順位を記録します。最低2週間分のデータを基準値として保存してください。

Step 2: titleを変更する

変更日を記録しておきます。変更後、Search Consoleの「URL検査」から再クロールをリクエストすると反映が早まる場合があります。

Step 3: 2〜4週間後にデータを比較する

同じ期間（例: 変更前2週間 vs 変更後2週間）で以下を比較します。

指標 見るべきポイント
CTR 同じ掲載順位でCTRが上がったか
表示回数 titleのキーワード変更で表示クエリが変わっていないか
掲載順位 順位変動がCTR変化の原因でないか確認

重要: 掲載順位が変動するとCTRも変わるため、順位が安定している期間で比較するのがポイントです。順位3位→5位に下がってCTRが下がった場合、titleの問題ではなく順位変動の影響です。

効果測定の注意点

  • 表示回数が少ないページ（月100回未満）では統計的に有意な差が出にくい
  • 一度に複数ページのtitleを変更すると、個別の効果が測定しにくい
  • titleの変更がGoogleに反映されるまで数日〜数週間かかるため、変更直後のデータは使わない

優先的にテストすべきページの選び方

Search Consoleで以下の条件に当てはまるページを優先的に改善します。

  1. 表示回数が多いがCTRが低いページ — 検索結果に表示されているのにクリックされていない。titleの訴求力不足の可能性が高い
  2. 掲載順位4〜10位のページ — 1位のページはtitle以外の要因（ブランド認知等）が大きい。4〜10位はtitleの差がCTRに直結しやすい
  3. titleがGoogleに書き換えられているページ — 書き換えの原因を修正することで、意図したtitleが表示される

titleタグ改善のビフォーアフター事例

事例1: BtoB SaaSのサービスページ

Before:

title: サービス紹介 | クラウド勤怠管理システム タイムログ

After:

title: クラウド勤怠管理｜打刻・残業計算・有休管理を1画面で | タイムログ

改善ポイント: 「サービス紹介」という曖昧な表現を、具体的な機能名に置き換えた。ユーザーが「何ができるか」を検索結果で即座に判断できるようになり、CTRが改善した。（※架空の事例です。実際の改善幅はジャンル・競合状況により異なります）

事例2: 地域密着型の歯科医院

Before:

title: 医院案内 | ○○歯科クリニック

After:

title: 新宿駅西口徒歩3分の歯医者｜土日診療・当日予約可 | ○○歯科

改善ポイント: 検索クエリ「新宿 歯医者」に対して、地名・アクセス・差別化要素（土日診療・当日予約）を先頭に配置。ユーザーの選定基準に直接応える情報をtitleに含めた。（※架空の事例です）

事例3: ECサイトのカテゴリページ

Before:

title: レディースバッグ | ファッション通販サイト名

After:

title: レディースバッグ 人気ブランド30選｜1万円台〜5万円台 | サイト名

改善ポイント: 「何が見られるか」の具体性を追加。品数と価格帯を明示することで、ユーザーが「自分の予算に合う商品がありそう」と判断できるようにした。（※架空の事例です）

まとめ

titleタグは検索結果でのクリック率を左右する最重要要素です。

titleタグ最適化のチェックリスト:

  • 重要な情報は先頭28文字以内に配置する
  • ページごとに固有のtitleを設定し、内容を正確に表す
  • titleとh1を一致させることでGoogleの書き換えを防ぐ
  • キーワードの詰め込みや煽り表現は避ける
  • サイト名は末尾に簡潔に入れる（区切り文字で分離）
  • og:titleもtitleと同じ内容にする
  • 定期的にSearch Consoleで確認し、書き換えが発生していないかチェックする

titleタグの改善は、即日実施できて効果が測定しやすい施策です。Search Consoleの「検索パフォーマンス」レポートで、変更前後のCTR（クリック率）を比較することで効果を確認できます。

titleタグの最適化は、meta descriptionの設定や構造化データの実装と組み合わせることで、検索結果での視認性をさらに高められます。

titleタグの設定状況を含むAI検索対応度を確認したい方は、無料診断ツールで自動チェックできます。URLを入力するだけで、titleタグを含む複数の項目をスコアリングし、改善ポイントをレポートで確認できます。

この記事の内容、自社サイトではどこまでできていますか？

URLを入力するだけ。会員登録は一切不要です。

📊

AI検索対応度の総合スコア

7カテゴリ100点満点で評価

🔍

優先度つき改善ポイントTop3

具体的な修正手順つき

📄

PDF / Markdownレポート

AIに渡して改善提案をもらうことも可能

無料で診断する →

URLを入力するだけ / 会員登録不要 / 30秒で結果表示

診断結果イメージC
62/100

改善ポイント例:

❌構造化データ未実装+8点
❌AIクローラーブロック中+5点
🔶著者情報が不十分+3点

関連記事

著者情報・更新日の設定方法｜SEOとAI検索に効く信頼性の高め方

著者情報と更新日の正しい書き方・構造化データ設定を解説。ProfilePage・Article構造化データのコード例、WordPress・Next.js別の実装...

canonicalタグの設定方法と確認手順｜重複コンテンツ対策の基本

canonicalタグの正しい設定方法を、HTML・HTTPヘッダー・サイトマップの3つの方法で解説。WordPress・Shopify・Next.js別の実装...

meta descriptionの書き方と最適な文字数｜クリック率を上げる実践ルール

meta descriptionの書き方を7つのルールで解説。PC・モバイル別の最適文字数、ページ種別ごとのテンプレート、Googleに書き換えられる原因と対策...