タイトルタグの付け方:SEOに効く書き方・文字数とチェック観点

タイトルタグの役割、SEOを意識した書き方と文字数の目安、h1との違い、公開前の検収と公開後の確認手順を解説。重要URLから順にタイトルを作り、公開HTMLと検索結果で確認できるようになります。

執筆 PartnerBase Mag 編集部約7分

タイトルタグ(<title>)は、検索結果やブラウザのタブに表示されるページの名前です。Googleはこの文言を主な材料にして検索結果の見出し(タイトルリンク)を作るため、ページの主題が一目で伝わる一文を置くことがSEOの基本になります。

この記事では、タイトルの書き方と文字数の目安、h1との使い分け、公開前後の確認手順を順に説明します。読み終えると、重要なページから順にタイトルを作り、公開HTMLと検索結果で確認するところまで自分で進められます。

タイトルタグ運用の流れ。優先URLの選定、タイトル設計、公開HTMLの検収、検索結果・URL検査・Search Consoleを分けた公開後確認を示す図。
タイトルタグ運用の流れ。優先URLの選定、タイトル設計、公開HTMLの検収、検索結果・URL検査・Search Consoleを分けた公開後確認を示す図。

運用の全体像:対象URLを選ぶ → 文言を作る → 公開HTMLで検収する → 公開後に確認する。

01Sectionタイトルタグとは何か

タイトルタグは、HTMLのhead内に置くtitle要素です。HTML標準では、検索結果・履歴・ブックマークなどページの外から見ても、その文書が何かを識別できる名前と定められています(WHATWGのtitle要素仕様)。ページの中に置く見出しとは役割が違う、と覚えておくと後の話が分かりやすくなります。

Google検索では、titleが検索結果のタイトルリンクを作る最も重要な材料です。ただし完全にそのまま表示されるとは限らず、Googleはh1やページ内の目立つテキスト、リンク文言も参照して見出しを組み立てることがあります(Googleのタイトルリンクに関する公式ガイド)。だからタイトルを書くときは、title単体より「ページ全体で同じ主題を言っているか」を見ます。

タイトルを整えると、次の4つが良くなります。

  • ページが何を扱うのかが、検索結果の一覧で分かる
  • 検索した人が「自分の知りたいことか」を判断しやすくなる
  • 似たURL同士の重複や、タイトルと本文のズレが解消される
  • 承認した文言が公開HTMLに正しく出ているか確認できる

順位やクリック数は、タイトル以外の要因でも動きます。効果を見るときは順位・CTR・クリック数を別々の指標として扱い、同じ時期に本文や内部リンクを変えたなら、その記録も残しておきます。

02Section最初に直すURLを決める

全ページを一斉に直す必要はありません。事業への近さと問題の重さで、次の順に手を付けます。

  • 最優先:問い合わせ・資料請求・商談予約に近いURLで、titleが空・誤出力・本文と別テーマ・他URLと実質重複しているもの。
  • 高優先:サイト内で表示回数が多く、似た検索意図のページと比べてCTRが低い状態が続いているURL。
  • 中優先:検索結果のタイトルリンクが想定と違い、古い年号や一般的すぎる表現が出ているURL。title・h1・目立つテキストをまとめて見直す。
  • 計画対応:露出が少ないURLと、サイト全体に共通する冗長な定型句。テンプレート由来の問題は個別修正と分けて台帳化する。

表示回数やCTRの絶対値では決めず、同じサイト内・同じ種類のページ同士で相対的に比べます。コンテンツや内部リンクも含めたSEO全体の優先順位を付けたい場合は、SEO支援の種類と選び方も参考にしてください。

03SectionSEOに効くタイトルの書き方:5ステップ

タイトルは「このページを読むと何が分かるか」を、文脈なしで伝える一文です。Googleも、ページごとに説明的で簡潔なタイトルを置き、キーワードの詰め込みや定型文の反復、曖昧な表現を避けるよう案内しています(説明的で簡潔なタイトルに関するGoogle公式ガイド)。次の順で作ると、狙う語句と読みやすさを両立できます。

タイトルタグを作る5ステップ

  1. Step01

    1. ページの目的を一文にする

    「誰が、何を決める(やる)ためのページか」を書きます。解説ページなら基礎理解、比較ページなら比較軸、サービスページなら支援範囲の確認です。

  2. Step02

    2. 中心テーマを一つに絞る

    本文で最も深く答えている問いを中心に置きます。大きなテーマを2つ以上詰め込むと主題がぼやけます。

  3. Step03

    3. 本文で得られる情報を添える

    「手順」「比較軸」「注意点」「費用相場」など、本文が実際に提供する情報を補います。対象者や用途も、本文で裏付けられる範囲で加えます。

  4. Step04

    4. 主キーワードを自然な語順で前に置く

    中心テーマを正確に表す語を前半に置き、反復や不自然な語順は削ります。サイト名は識別に必要なときだけ末尾に付けます。

  5. Step05

    5. title・h1・導入文の主題をそろえる

    title、h1、導入文、主要見出しが同じ中心テーマを扱っているか確認します。公開後に見る検索クエリと確認日もこの時点で決めておきます。

たとえば、SEO支援会社のサービスページなら次のような違いです。

  • 改善前:SEO対策 | SEOコンサル | SEO会社 | 株式会社○○(語句の並列で、何が分かるページか不明)
  • 改善後:SEO支援の費用相場と見積もりの読み方|株式会社○○(中心テーマ+得られる情報+識別子)

タイトルで「比較」「チェックリスト」と約束したなら、本文に比較表や確認項目を置きます。本文が応えられないときは、タイトルを縮めるか本文の構成を直します。

04Section文字数は30〜40字が目安、合否は公開HTMLで決める

Googleが公式に定める文字数の上限はありません。検索結果でのタイトルリンクは端末や画面幅に応じて省略され、日本語・英数字・記号で幅も違うため、同じ文字数でも見え方は一定ではありません(タイトルリンクの長さと表示に関するGoogle公式ガイド)。

文字数は<title>から</title>までの全文で数えます。サイト名、|や-などの区切り記号、補足語も含めます。30〜40文字程度は全体を設計するときの初期目安であって、上限や合否条件ではありません。前半で主題が伝わり、冗長な語がなければ、40字を超えていてもそのまま使えます。

長いタイトルを削るときは、根拠のない強調 → 同義反復 → 全ページ共通の長い定型句 → 末尾の優先度が低い補足、の順で見直すと主題が残ります。短すぎるタイトルに足すのは文字数ではなく、「何について・誰に・何が分かるか」のうち欠けている情報です。

05Sectiontitleとh1の違い:同じ主題なら文言は変えてよい

head内のtitle、body内のh1、検索結果のタイトルリンクの関係を示し、完全一致よりページ全体の主題整合が重要であることを示す図。
head内のtitle、body内のh1、検索結果のタイトルリンクの関係を示し、完全一致よりページ全体の主題整合が重要であることを示す図。

titleはhead内の文書名、h1はbody内の最上位見出し。検索結果のタイトルリンクは両方を材料に作られる。

titleはhead内に置く文書の名前、h1はbody内に置く最上位の見出しで、h1〜h6はページ内の見出しレベルを表す要素として定義されています(WHATWGの見出し要素仕様)。読む場面が違うので、文言は同じでも違っていても構いません。

title要素h1要素
置く場所head内body内
読む人検索結果・ブラウザ・履歴・ブックマークを見ている人ページを開いた読者
役割ページの外でも文書を識別できる名前ページ内の中心テーマを示す見出し

単一テーマの解説ページなら、titleとh1を同じ文言にして問題ありません。検索結果では文脈がないのでtitleに補足を足し、ページ内では読みやすくh1を短くする、という使い分けもできます。

直すべきなのは、titleとh1が別のテーマを指しているとき、h1と導入文・主要見出しがずれているとき、タイトルで約束した「比較」「手順」に本文が答えていないときです。同じテーマを違う言い回しで表しているだけなら、そろえる必要はありません。

06Section検索結果のタイトルが勝手に変わったとき

Googleのタイトルリンクがtitleと違う文言になることはあります。先に書いたとおり、Googleはh1や目立つテキスト、ページ内外のリンク文言も参照して見出しを作るためです(タイトルリンクの生成元と改善例)。見つけたら、title・h1・導入文・主要見出し・リンク文言の順に並べて、どこかに別の主題が混ざっていないかを確認します。

すぐ直すのは、titleの欠落、過去の年号、本文と別テーマを示す表現、ページ固有の内容が分からない実質重複、根拠のない「必ず」「最安」「No.1」です。強調語は、本文や公開情報で条件まで裏付けられるときだけ残し、難しければ対象者・提供範囲・手順など確認できる事実に置き換えます。

ページ内の主題がそろっていて、検索語句によって表現だけが変わる場合は、そのまま様子を見ます。確認日・クエリ・検索環境・表示された文言・公開HTMLのtitle・h1を同じ記録に残しておくと、単発の表示差で何度も書き換えることを避けられます。

07Section公開前の検収:CMSの入力欄ではなく公開HTMLを見る

検収の基準は、一般の閲覧者がアクセスする正規URLのHTMLに、承認済みのtitleが出力されていることです。titleの設定箇所はCMS・テンプレート・プラグイン・JavaScriptとサイトによって違い、キャッシュで公開HTMLがずれることもあるため、CMSに正しく入っているだけでは完了になりません。

手順は3つです。正規URLを開き、「ページのソースを表示」で<titleを検索する。<title>から</title>までの全文を取り出し、承認済み文言と照合する。JavaScriptがtitleを書き換える可能性があるサイトでは、ブラウザのdocument.titleも見て、ソースと差があれば実装担当者に確認する。

公開前検収チェック

  • ✓

    正規URLを確定し、リダイレクト先や別URLを混ぜていない

  • ✓

    正規URLのページソースで、承認済み文言がhead内のtitleに出ている

    CMSの保存値やブラウザのタブ表示だけで完了にしない。

  • ✓

    title・h1・導入文・主要見出しが同じ中心テーマを扱っている

  • ✓

    空・欠落・実質重複・キーワード反復・根拠のない強調がない

  • ✓

    対象URL・公開日・確認者を記録した

    承認した時点ではなく、公開HTMLを確認した時点を完了にする。

複数URLを扱うときは、正規URL・現行title・提案title・h1・優先度・公開HTML確認日を1行にした台帳で追います。外部の制作会社に修正を頼むときは、「魅力がない」という感想ではなく、次の6点を書いて送ると認識がずれません。

  • 対象URL
  • 現行のtitle(公開HTMLから取得)
  • ページの中心テーマ
  • 確認した不一致(どの要素がどうずれているか)
  • 修正の方向性
  • 完了条件(公開HTMLで承認文言を確認できること)

08Section公開後の確認:実装・検索結果・Search Consoleは別物

公開HTML、URL検査、検索結果、Search Consoleについて、確認するものと次の行動を4列で比較した図。
公開HTML、URL検査、検索結果、Search Consoleについて、確認するものと次の行動を4列で比較した図。

公開後に見る4つの対象。それぞれ「いつの・誰が見た状態か」が違う。

公開後に見る対象は4つあり、それぞれ指しているものが違います。公開HTMLは今の閲覧者に返っている状態、URL検査はGoogleが最後にインデックスした情報またはライブテストの結果、検索結果は特定のクエリ・時点でのタイトルリンク、Search Consoleは集計条件付きのパフォーマンスデータです。

URL検査では、インデックス済み情報とライブテストの結果が食い違うことがあります。ライブテストに問題がなくても、検索結果への反映時期は保証されません(URL検査ツールの公式ヘルプ)。

Search Consoleで前後を比べるときは、同じ正規URL・同じクエリ群・同じ長さの期間・同じ検索タイプにそろえ、本文や内部リンクの同時変更も記録します(Search Consoleのパフォーマンス確認方法、期間比較・フィルタに関するヘルプ)。数値が動いた事実と、タイトル変更が原因かどうかは分けて扱い、条件がそろわなければ結論を保留します。

観察した状態次の行動
公開HTMLが承認済みtitleと一致しない測定を保留し、実装担当者とテンプレート・キャッシュ・JavaScriptを切り分ける
ライブテストとインデックス済み情報に差がある正規URLの公開状態を再確認し、必要なら再クロールを依頼して待つ
順位・表示回数が安定し、似たクエリ群でCTRが低いままtitle・h1・導入文と検索意図のズレを点検する
順位や表示回数の変動が大きい/同時改修がある結論を保留し、比較条件と変更履歴を見直す

タイトルタグでよくある質問

タイトルタグを変えると検索順位は上がりますか?+

タイトル変更だけで順位が上がる保証はありません。タイトルはページの主題を伝え、検索結果で内容を判断しやすくする基本設定です。欠落・重複・本文とのズレを直す価値はありますが、順位・CTR・クリック数・問い合わせ数は分けて観察してください。

何文字までにすべきですか?+

Google公式の上限はありません。サイト名や区切り記号を含むtitle全文で30〜40文字程度が設計の目安です。前半で主題が伝わり、冗長な語がなければ、それより長くても構いません。

titleとh1は同じ文言でよいですか?+

同じ中心テーマを伝えているなら同一で問題ありません。検索結果向けにtitleへ補足を足し、ページ内で読みやすいようにh1を変えることもできます。見るのは完全一致ではなく主題の一貫性です。

タイトルタグの運用は、事業上重要なURLの欠落・重複・主題のズレを直すことから始め、そのあとで露出の多いページへ広げます。承認した文言を公開HTMLで確認し、公開後は検索結果とSearch Consoleを別の確認対象として見る。この2つを守るだけで、一時的な表示差や単一の数値に振り回されずに済みます。

PartnerBase Mag 編集部

PartnerBase Mag 編集部

デジタル発注の比較・発注準備を専門に扱う編集チーム。

執筆

デジタル発注の比較・発注準備を専門に、依頼範囲、費用、選定基準を実務で使える粒度に整理しています。

支援会社を比較する

得意領域、対応サービス、地域、実績を見ながら候補会社を絞り込めます。

会社を探す

ほかのトピック