titleタグは、検索結果に表示されるWebページの「顔」であり、ユーザーがクリックするかどうかを左右する重要な要素です。そのために、文字数にこだわってタイトルをつけるようにしましょう。
結論からお伝えすると、titleタグに入れるべき文字数は「全角32文字以内」（PCで省略されずに表示される上限）です。
この記事では、titleタグとは何かという定義から、meta title・h1・meta descriptionとの違い、SEOに最適な文字数（日本語／英語・ピクセル基準）、書き方のコツ、文字数を確認できる無料チェックツール、WordPress・Shopifyでの設定方法まで、Web担当者やWeb集客に力を入れたい経営者の方々に向けて、titleタグの最適化に必要な情報を網羅的に解説します。
この記事を読むことで、以下の内容を理解できます。
- titleタグとは何か、h1タグ・meta title・meta descriptionとの違いは何か
- titleタグが検索結果にどのように表示されるのか、そのメカニズムと注意点
- titleタグの最適な文字数（日本語／英語・ピクセル基準）と、効果的な書き方・命名パターン
- titleタグの文字数チェック・プレビューに使える無料ツール
- WordPress（Yoast／Rank Math）・Shopifyでのtitleタグの設定方法
titleタグの最適化は、SEO集客成功に大きな影響を与えます。この記事を参考に、効果的なtitleタグを作成し、WebサイトのSEO対策を成功に導きましょう。
SEOにおけるtitle（タイトル）タグの前提知識
title（タイトル）タグとは？
title（タイトル）タグとは、Webページのタイトルを示すHTMLタグです。検索エンジンの結果ページ（SERP）やWebブラウザのタブに表示されるため、ユーザーがWebページの内容を把握する上で重要な役割を果たします。SEOにおいても、titleタグは検索順位に影響を与える要素の一つとされています。
titleタグは、HTML文書の<head>タグ内に記述されます。記述方法は以下の通りです。
<head>
<title>ページタイトル</title>
</head>なお、SEOツールや管理画面で見かける「メタタイトル（meta title）」は、このtitleタグの通称です。両者は同じものを指すため、「meta titleとtitleタグの違い」を気にする必要はありません。
titleタグは、SEOだけでなく、ユーザー体験向上にも貢献します。適切なtitleタグを設定することで、ユーザーは検索結果からWebページの内容を把握しやすくなり、クリック率の向上にも繋がります。
titleタグとh1・meta description・URLの違い
titleタグは、h1タグ・meta description・URL（スラッグ）と混同されがちですが、それぞれ役割と表示場所が異なります。まず全体像を、以下の表で整理します。
| 要素 | 役割 | 表示場所 | SEOへの影響 |
|---|---|---|---|
| titleタグ（＝meta title） | ページ全体のタイトル | 検索結果・ブラウザのタブ | 順位・CTRに直結 |
| h1タグ | 本文の主要な見出し | ページ本文内 | 内容理解を補助 |
| meta description | ページの説明文 | 検索結果のスニペット | 順位への直接影響は小、CTRに影響 |
| URL（スラッグ） | ページの住所 | アドレスバー・検索結果 | 補助的 |
SEOにおいては、titleタグとh1タグはどちらも重要な要素です。titleタグは検索順位に影響を与える可能性があり、h1タグはWebページの内容を検索エンジンに伝える役割を果たします。titleとメタディスクリプションは、常にセットで最適化するのが基本です。
SEOでtitleタグの内容が検索順位に影響する
SEOにおいてtitleタグは、検索順位やクリック率に直結する非常に重要な要素です。Googleのクローラーはまずtitleタグを読み取り、ページの内容や関連キーワードを把握します。そのためtitleタグの設計次第で、検索順位の上下が決まるといっても過言ではありません。
実際に上記の動画でジョンミュラー氏は以下のタイトルが「ランキングに影響」するかという質問に対して、「おそらく」と答えています。
Q. ）満足のいくランキングのウェブサイトを持っていて、製品に新しい機能が追加されました。ページのメタタイトルとメタディスクリプションを変更する必要がありますが、現在のランキングに影響しますか？
A. ）答えは「はい」または、より正確には「おそらく」だ。
ページのタイトルや見出しなどを変更すると、検索結果に変化が生じる可能性がある。同様に、ページのメタディスクリプションを変更すると、検索結果に表示されるページのスニペットの表示方法に変化が生じる可能性がある。
引用元：英語版 Google SEO オフィスアワー 2024 年 8 月｜Google Search Central
また、検索結果ページではtitleが青文字で表示され、ユーザーの目を引く部分でもあります。適切なキーワードを含め、クリックしたくなる表現にすることで、CTRを大きく向上させることが可能です。
SEOでのtitleタグの文字数はどれくらい必要？
titleタグの最適な文字数は、全角30〜32文字（目安レンジは28〜36文字）とされています。これは、Googleの検索結果ページにおいて、titleタグが全角32文字（半角64文字）を超えると省略されて表示されるためです。また、デバイス別に見ると以下のようになります。
| デバイス | 表示文字数の目安 |
|---|---|
| PC | 30～32文字 |
| スマホ | 35～41文字 |
正確には、Googleは「文字数」ではなく「ピクセル幅（約600px前後）」でタイトルを省略しています。全角文字は半角より幅が広いため、同じ文字数でも日本語のほうが早く省略されます。目安として、日本語は全角約30字、英語は約60字（半角）と覚えておくと実務で困りません。2026年時点でもこの基準に大きな変化はありません。
ただし、文字数に厳密にこだわる必要はありません。ユーザーの検索意図とコンテンツの内容を的確に表現できる範囲で、自然な文章になるように調整しましょう。実際の検索結果を見てみましょう。
スマホ表示の場合ですと36文字で表示されてます。
対して、デスクトップPCの場合は32文字で表示されていました。
ただし、後ほど解説しますが、検索結果によっては文字数が変動する箇所もありますので、上記の例はあくまで参考としてご覧ください。
titleタグの文字数チェック・プレビューに使える無料ツール
作ったtitleタグが検索結果で省略されないか、狙ったキーワードが省略位置より前にあるかは、公開前にツールで確認するのが確実です。用途別に、次のようなツールが便利です。
| 用途 | できること | 代表的なツール例 |
|---|---|---|
| 文字数カウント | 全角／半角を区別してタイトルの文字数を数える | ラッコキーワード「文字数カウント」など |
| 検索結果プレビュー | PC・スマホでの見え方と、どこで省略されるかを確認 | SERPプレビューツール（各種） |
| ピクセル幅チェック | 文字数ではなく実際の表示幅（約600px）で判定 | タイトルピクセルチェッカー（各種） |
確認のポイントは、次の3つです。
- 狙うキーワードが先頭（省略される前）に入っているか
- PC・スマホの両方で意図どおり表示されるか
- 省略されても意味が通るか
特に、ピクセル幅で判定するプレビューツールは、日本語タイトルの「実際に切れる位置」を把握するのに役立ちます。文字数のカウントだけでなく、実際の検索結果での見え方まで確認してから公開する習慣をつけましょう。
title(タイトル)タグをSEO最適化するための書き方
titleタグは、検索エンジンがWebページの内容を理解し、検索結果に表示する際に重要な要素となります。また、ユーザーが検索結果一覧からクリックするかどうかを判断する材料にもなるため、SEOだけでなくユーザー体験の向上にも繋がります。効果的なtitleタグを作成するための鉄則は以下の7つです。
- 書き方①｜ユーザーの検索意図を反映させる
- 書き方②｜目標KWをそのままの順番で左寄せにする
- 書き方③｜不要なキーワードを入れない
- 書き方④｜2文構成にする
- 書き方⑤｜文章全体の要約になっているか
- 書き方⑥｜適切なセパレーターを使用する
- 書き方⑦｜titleタグとh1タグを必ず一致させる
書き方①｜ユーザーの検索意図を反映させる
ユーザーがどのような情報を求めて検索しているのか、その意図を正確にtitleタグに反映させることが重要です。例えば、「ダイエット」というキーワードで検索するユーザーは、「ダイエットの方法」や「ダイエット食品」など、様々な情報を求めている可能性があります。
検索意図を反映させるためには、キーワードツールなどを活用して、ユーザーが実際にどのようなキーワードで検索しているのかを調査することが有効です。
書き方②｜目標KWをそのままの順番で左寄せにする
titleタグには、SEO記事で狙いたいキーワード（目標KW）を含める必要があります。目標KWをそのままの順番で左寄せにすることで、検索エンジンはWebページのテーマをより正確に理解し、検索順位の向上に繋がります。
例えば、目標KWが「SEO対策」であれば、「SEO対策｜初心者でもわかる基礎知識と実践方法」のように、titleタグの冒頭に配置しましょう。なお、1ページで狙うフォーカスキーワードは1つに絞り、それを必ずタイトル前半に入れるのが原則です。
書き方③｜不要なキーワードを入れない
titleタグに不要なキーワードを含めると、検索エンジンからの評価が下がる可能性があります。キーワードを詰め込みすぎると、ユーザーにとっても不自然な印象を与えてしまいます。
特に、同じキーワードをタイトルに2回繰り返さないのは非常に重要です。
同じキーワードを繰り返し使うと書き換えを助長してしまいます。
引用元：Googleのtitleタグ書き換えを防ぐ方法×10｜海外SEO情報ブログ
キーワードの詰め込みは避けます。ちょっとやっかいなのは、詰め込んでおらず、1 つの単語を 2 回使っただけでも書き換えられやすくなる点です。
サイト名とページタイトルに同じワードを使うケースが悩ましくなります。
titleタグには、Webページの内容を的確に表すキーワードのみを含めるようにしましょう。
書き方④｜2文構成にする
titleタグは、2文構成にすることで、より多くの情報を伝えることができます。1文目にはWebページのテーマやキーワードを含め、2文目には具体的な内容やユーザーへのメリットなどを記述すると効果的です。
例えば、以下のように、2文構成でtitleタグを作成してみましょう。
- 「SEO対策の基本と実践方法を解説！アクセスアップの秘訣を伝授」
書き方⑤｜文章全体の要約になっているか
titleタグは、Webページ全体の要約になっている必要があります。ユーザーは検索結果からtitleタグを見て、Webページの内容を判断します。
titleタグがWebページの内容と一致していない場合、ユーザーはクリック後にすぐに離脱してしまう可能性があります。
書き方⑥｜適切なセパレーターを使用する
セパレーターは、titleタグ内の複数のキーワードやフレーズを区切り、検索エンジンおよびユーザーの可読性を向上させる役割を果たします。
ハイフン「-」、縦棒「|」、コロン「:」など、多様なセパレーターが存在しますが、その選択は、Webサイトのブランディング、ターゲットキーワード、ユーザーの検索意図などを総合的に勘案し決定すべきです。また、Googleのお気に入りはハイフン「-」なそうです。
Google のお気に入りは「-」（ダッシュ）だそうです。
引用元：Googleのtitleタグ書き換えを防ぐ方法×10｜海外SEO情報ブログ
「|」（パイプ）も区切り記号としてよく使われます。
しかし、- の書き換え/削除が 19.7% だったのに対して、| は 41% でした。
書き方⑦｜titleタグとh1タグを必ず一致させる
title タグと h1 タグの記述を一致させるようにしましょう。Googleのアルゴリズムではページ上の見出しをより活用するようになりました。そのため、title タグと h1 タグを同じにすることで、しばしば書き換えを劇的に減らせます。
アップデート後のタイトルリンク生成アルゴリズムでは、検索結果に表示するタイトルリンクとしてページ上の見出しをより積極的に利用するようになりました。
引用元：Googleのtitleタグ書き換えを防ぐ方法×10｜海外SEO情報ブログ
最も目にとまるページ上の見出しはh1タグの記述です。titleタグとh1タグを同じにすることで、しばしば書き換えを劇的に減らせます。
titleタグの検索結果への表示のされ方
Webページのタイトルを定義するtitleタグは、検索結果にどのように表示されるのでしょうか。実は、titleタグの内容がそのまま表示されるとは限りません。検索エンジンの仕様や、ユーザーの検索キーワードなど、様々な要因によってtitleタグの表示は変化します。
ここでは、titleタグが検索結果にどのように表示されるのか、そのメカニズムと注意点について解説します。
- 表示形式①｜titleタグが書き換えられて表示される
- 表示形式②｜検索結果によって表示される文字数が違う
- 表示形式③｜titleタグが空白でもGoogleが適切にタイトルを表示する
- 表示形式④｜重複したtitleタグは順位を下げる
表示形式①｜titleタグが書き換えられて表示される
検索エンジンは、ユーザーにとってより有益な情報を提供するために、titleタグの内容を書き換えて表示することがあります。例えば、ユーザーが検索したキーワードがtitleタグに含まれていない場合、検索エンジンはWebページの内容から関連性の高いキーワードを抽出し、titleタグに追記して表示することがあります。
ユーザーにどのようなタイトルを見せるかを決めるために、Google では多くのシグナルを利用しています。もしウェブマスターの方が タグを使っているならば、基本的にはそれをタイトルに用います。しかしどのような検索キーワードに対しても常に <title> タグに書かれているものをそのまま表示してしまうと、ユーザーにとってはそのタイトルは検索キーワードと関連性が低いように見えることもあるかもしれません。そのような場合に（中略）、Google では代わりのタイトルを生成するアルゴリズムを利用することがあります。
引用元：検索結果によりよいタイトルを｜Google検索セントラル
これらの書き換えは、検索エンジンがユーザーの検索意図を理解し、最適な検索結果を提供するための工夫です。しかし、Webサイト運営者にとっては、意図しない形でtitleタグが表示される可能性があるため、注意が必要です。意図しない書き換えを防ぐには、前述の「書き方③・⑥・⑦」が有効です。
また、Google検索に表示されたタイトルが明らかにおかしいと思った場合は「検索結果に表示されるタイトルに関するフィードバック」にコメントをしてみるとタイトル生成アルゴリズムの改良に役立てられる可能性があります。
表示形式②｜検索結果によって表示される文字数が違う
検索結果に表示されるtitleタグの文字数は、デバイスや検索エンジンの種類によって異なります。一般的には、デスクトップPCでは半角で約60文字（＝全角で約30文字）、スマートフォンでは約30～40文字程度が表示されます。
titleタグが長すぎる場合は、途中で省略されて表示されるため、重要なキーワードはtitleタグの前半に配置することが重要です。また、検索エンジンによっては、titleタグの文字数が短すぎる場合、検索結果に表示されないことがあります。titleタグの文字数は、デバイスや検索エンジンによって異なるため、最適な文字数を意識して作成することが重要です。
表示形式③｜titleタグが空白でもGoogleが適切にタイトルを表示する
titleタグが空白の場合、検索エンジンはページ内の他の要素（例えば、見出しや本文など）から適切なタイトルを自動生成して表示します。
HTML 内に何もタイトルがなかったり、そのページを表すようなタイトルがウェブマスターによってつけられていない場合にも代わりのタイトルは表示されます。例えば、タイトルが単純に「ホーム」と名づけられている場合、タイトルはそのページの内容を表してはいません。
引用元：検索結果によりよいタイトルを｜Google検索セントラル
表示形式④｜重複したtitleタグは順位を下げる
全ページで同じtitleを使い回すと、Googleがどのページを表示すべきか判断しにくくなり、書き換えや順位低下の原因になります。titleは「1ページ1つ、固有の内容」が原則です。
特にCMSの自動生成では、カテゴリーページやタグページなどで重複タイトルが起きやすくなります。Google Search Consoleや外部ツールで重複タイトルを定期的にチェックし、各ページに固有のtitleを設定しましょう。
titleタグの例・命名パターン
titleタグの命名パターンには、いくつかの種類があります。ここでは、代表的な5つのパターンを紹介します。ここの内容をもとに、タイトル作成のアイデアの参考にしてみてください。
| パターン | 特徴 | 例 |
|---|---|---|
| 結論ファースト型 | 冒頭に結論や解決策を提示し、ユーザーの知りたい情報へのアクセスを容易にする | PtoCとは個人が企画した商品を直接ユーザーに販売すること |
| ニーズ・課題喚起型 | ユーザーのニーズや課題を具体的に表現し、共感を呼ぶ | 筋トレって辛い？苦しい？パーソナルトレーナーが教える筋トレの楽しさとは？ |
| 定義・解説型 | 特定のキーワードや用語の意味や解説を提示し、基本的な情報を提供する | SEOとは？検索エンジン最適化の基本を解説 |
| トリッキー型 | 完全マニュアルやXXの手引書などを用いてユーザーの興味を引き、差別化を図る | 被リンク営業の完全ガイド：被リンク獲得戦略と実践方法の具体例 |
| おすすめ/ランキング選型 | 商材やサービス、企業を列挙してユーザーに紹介する | BtoBマーケティングの基本戦略5選！基礎から成果を出すポイントも |
パターン①｜結論ファースト型
結論ファースト型は、titleタグの冒頭に結論や解決策を提示するパターンです。ユーザーは検索結果からすぐに知りたい情報を得られるため、クリック率の向上に繋がります。
- PtoCとは個人が企画した商品を直接ユーザーに販売すること
このパターンは比較的希少ですが、用語の説明でタイトルについ「〜とは？」というパターンで作成しがちです。しかし、検索結果でユーザーが答えを知ることができるため、クリック率が向上する可能性があります。
パターン②｜ニーズ・課題喚起型
ニーズ・課題喚起型は、ユーザーのニーズや課題を具体的に表現するパターンです。ユーザーは自分の問題意識と合致するタイトルに惹かれやすいため、クリック率の向上に繋がります。具体的な事例としては以下のとおりです。
- 筋トレって辛い？苦しい？パーソナルトレーナーが教える筋トレの楽しさとは？
- 彼氏と別れたいと思う理由は？うまく別れを告げるコツ
冒頭で、検索ニーズを喚起することでクリック率の上昇が期待できます。
パターン③｜定義・解説型
定義・解説型は、特定のキーワードや用語の意味や解説を提示するパターンです。ユーザーは検索結果から基本的な情報を理解できるため、クリック率の向上に繋がります。
- SEOとは？検索エンジン最適化の基本を解説
- コンテンツマーケティングとは？成功事例とポイントを紹介
こうしたタイトルはよく見ると思います。この定義・解説型のタイトルは上級者でも初級者でもよく使うタイプのタイトルです。
パターン④｜トリッキー型
トリッキー型は、完全マニュアルやXXの手引書などを用いてユーザーの興味を引くパターンです。他の検索結果との差別化を図り、クリック率の向上に繋がります。
- 被リンク営業の完全ガイド：被リンク獲得戦略と実践方法の具体例
- 記事制作の外注の鉄則：業者の選び方と費用の抑え方
トリッキー型は、他のサイトとの差別化にもなります。そのためクリック率の上昇を見込むことができます。
パターン⑤｜おすすめ/ランキング選型
おすすめ/ランキング選型は、よく商材やサービス、企業を列挙してユーザーに紹介するタイプの記事に使用されるパターンです。
- BtoBマーケティングの基本戦略5選！基礎から成果を出すポイントも
- 【2024年最新】検索エンジンシェア率ランキングTOP10！世界と日本国内を共に紹介！
こうしたタイトルはSEOでもよくあるあるです。
さらに、ページ種別ごとに向くパターンも押さえておくと実務で迷いません。トップページは「サービス名｜提供価値＋地域/業種」、記事ページは「狙うKW＋◯選/手順/とは」、商品ページは「商品名＋特徴＋購入メリット」が基本の型です。
WordPress（Yoast／Rank Math）・Shopifyでのtitleタグの設定方法
titleタグは、HTMLを直接編集しなくても、多くの場合CMSやSEOプラグインの管理画面から設定できます。まず、主要な環境で「どこからtitleを設定するのか」を一覧で整理します。
| 環境 | 設定場所 | 空欄時の初期値（自動生成） |
|---|---|---|
| WordPress（テーマ標準） | 投稿編集画面・テーマのカスタマイザー | 「投稿名 – サイト名」など |
| Yoast SEO | 編集画面下部「SEOタイトル」 | テンプレート変数で生成 |
| Rank Math | 編集画面「Edit Snippet」→タイトル | テンプレート変数で生成 |
| Shopify | 各ページ／商品編集画面「検索エンジンでの表示を編集」→ページタイトル | 商品名・ページ名＋ストア名 |
WordPress（Yoast SEO）での設定方法
Yoast SEOでは、記事編集画面の下部にある「Yoast SEO」欄の「SEOタイトル」から、ページごとにtitleタグを個別に設定できます。手順は以下のとおりです。
- 投稿・固定ページの編集画面を開く
- 本文下の「Yoast SEO」メタボックスで「Google プレビュー」を開く
- 「SEOタイトル」欄に狙うキーワードを含めたタイトルを入力する
- 下部のスニペットプレビューでPC・スマホの見え方と長さを確認して更新する
SEOタイトルを空欄にした場合は、後述のテンプレート変数（「%%title%% %%sep%% %%sitename%%」など）に沿って自動生成されます。サイト全体の初期パターンは「SEO設定」→「コンテンツタイプ」からまとめて指定できます。
WordPress（Rank Math）での設定方法
Rank Mathでも、編集画面の「Rank Math SEO」メタボックスからtitleタグを設定できます。「Edit Snippet」ボタンを押し、表示されたエディタの「タイトル」欄を編集します。
Rank Mathはタイトル入力欄に文字数カウンターとプレビューが内蔵されているため、省略されない長さに収まっているかをその場で確認できるのが利点です。サイト全体の初期テンプレートは「Rank Math」→「タイトルとメタ」から投稿タイプごとに設定します。
テンプレート変数（Yoast・Rank Math共通）
SEOタイトルを1件ずつ入力しなくても、テンプレート変数を使えば投稿タイプごとに自動生成のルールを決められます。代表的な変数は以下のとおりです。
| 変数 | 意味 |
|---|---|
| %%title%% | その記事のタイトル（投稿名） |
| %%sitename%% | サイト名 |
| %%sep%% | 区切り記号（｜や – など） |
| %%page%% | ページ送りの番号（2ページ目以降） |
例えば「%%title%% %%sep%% %%sitename%%」と設定すると、「記事タイトル｜サイト名」の形で自動出力されます。区切り記号は、前述のとおりGoogleが好むハイフン「-」を選んでおくと書き換えが起きにくくなります。
Shopifyでの設定方法
Shopifyでは、各ページ・商品・コレクションの編集画面下部にある「検索エンジンでの表示」の「ページタイトル」からtitleタグを編集します。手順は以下のとおりです。
- 商品・コレクション・ページ・ブログ記事の編集画面を開く
- 下部の「検索エンジンでの表示」欄の「編集」をクリックする
- 「ページタイトル」に狙うキーワードを含めたタイトルを入力する
- プレビュー表示で長さを確認して保存する
Shopifyでは、ストアに表示される「商品タイトル」とSEO用の「ページタイトル」を別々に設定できます。SEO用タイトルは狙うキーワードを前半に含めて最適化しましょう。なお、テーマによってはタイトル末尾に自動でストア名が付与されるため、その分の文字数も見込んで長さを調整するのがポイントです。
設定後に必ず確認したいこと
CMSでtitleを設定したら、意図どおりに反映されているかを公開前後で確認しましょう。特に次の3点はトラブルが起きやすいポイントです。
- 反映されない：テーマ側とプラグインでtitleを二重出力していないか、キャッシュが残っていないかを確認する
- 省略される：プレビューやチェックツールで、狙うキーワードが省略位置より前にあるかを確認する
- 重複していないか：Search Consoleで、他ページと同じtitleになっていないかを確認する
まとめ｜SEOコンサルティング会社検索順位の海賊へ無料相談！
この記事では、titleタグの基礎知識から、meta title・h1との違い、SEOに最適な文字数、書き方の鉄則、文字数チェックツール、WordPress・Shopifyでの設定方法までを解説しました。titleタグは、SEOにおいて重要な役割を果たす要素の一つです。適切なtitleタグを設定することで、検索順位の向上やクリック率の改善に繋がります。
もし、titleタグの設定やSEO対策についてお悩みでしたら、SEOコンサルティング会社「検索順位の海賊」へお気軽にご相談ください。無料相談も承っておりますので、ぜひお気軽にお問い合わせください。
検索順位の海賊は、お客様のWebサイトの現状分析から改善提案、運用サポートまで、SEOに関するあらゆる課題を解決へと導きます。豊富な実績とノウハウを持つ専門家が、お客様のビジネスの成長を力強くサポートいたします。
Web集客でお悩みの方は、ぜひ一度検索順位の海賊へお問い合わせください。お客様のビジネスの成功に向けて、全力でサポートさせていただきます。
