検索結果に並ぶ「青いタイトル」と「その下の説明文」は、ページを開いてもらえるかどうかを決める最初の接点です。HTMLではそれぞれ、<title> タグと <meta name="description"> タグで指定します。
この記事では、この2つの役割と書き方、2026年時点での長さの目安、Googleがタイトルを書き換えてしまう理由とその対策、WordPressでの設定方法までをまとめます。これからサイトを作る方にも、既存サイトを見直したい方にも使える内容です。
CONTENTS目次
検索結果のどこに表示されるのか
Googleの検索結果で、青いリンクの部分を「タイトルリンク」、その下の説明文を「スニペット」と呼びます。タイトルリンクの元になるのが <title>、スニペットの元になるのが <meta name="description"> です。どちらも <head> の中に書きます。
<head>
<meta charset="UTF-8">
<title>新宿で人気の美容室｜〇〇ヘアサロン</title>
<meta name="description" content="〇〇ヘアサロンは、新宿駅から徒歩3分のプライベート空間。髪質改善やトレンドカラーが得意な美容室です。">
</head>titleタグとは：ページの「顔」
<title> は、そのページが何についてのページかを一言で表す要素です。役割は3つあります。
- 検索結果のタイトルリンクになる。クリックされるかどうかを左右する
- ブラウザのタブやブックマークの名前になる。複数のタブを開いたときに見分ける手がかり
- 検索エンジンがページの主題を理解する手がかりになる。SEOに直接関わる数少ない要素の1つ
Googleの公式ドキュメント（タイトルリンクに関するベストプラクティス）では、すべてのページに <title> を指定すること、具体的で分かりやすいテキストにすること、不必要に長くしないこと、同じ語句を繰り返さないことが挙げられています。
メタディスクリプションとは：検索結果の「宣伝文」
<meta name="description"> は、ページの内容を短く説明する文章です。検索結果のスニペットとして使われ、タイトルを見て「気になる」と思った人が、開くかどうかを決める材料になります。
注意したいのは、メタディスクリプションは検索順位を直接左右する要素ではないことです。順位は変わりませんが、クリック率（CTR）には影響します。同じ順位でも、説明文が魅力的なページはより多くクリックされます。Googleのスニペットに関するドキュメントでも、キーワードの羅列ではなく、ユーザーの関心を引く「宣伝コピー」のように書くことがすすめられています。
長さの目安（2026年時点）
Googleは、タイトルにもメタディスクリプションにも文字数の制限を設けていません。切り詰められるのは文字数ではなく、検索結果の表示幅（ピクセル）に収まらないときです。日本語は全角なので、英語より少ない文字数で幅を使い切ります。
| 目安 | 考え方 | |
|---|---|---|
| タイトル | 全角30文字前後 | PCの検索結果で切れずに表示される目安。重要な言葉は前半に置く |
| メタディスクリプション | 全角80〜120文字 | スマートフォンでは70文字前後で切れることが多い。伝えたいことは最初の70文字に収める |
この数字はあくまで目安です。全角と半角、記号の有無で表示幅が変わるので、最終的には「検索結果で実際にどう見えるか」で判断します。SERPのプレビューができる無料ツールや、WordPressのSEOプラグインのプレビュー機能で確認するのが確実です。
タイトル・メタディスクリプションに含めたい要素
タイトルの基本形
迷ったら、次の形から始めると整理しやすいです。
主題（何のページか）｜差別化のポイント｜サイト名
例：
新宿の美容室｜髪質改善が得意・駅徒歩3分｜〇〇ヘアサロン
40歳からのWebデザイン入門｜HTML・CSSはどこで習う？｜MONOCHROME- 主題：そのページが何について書かれているか（例：「新宿の美容室」）
- 差別化：他のページと何が違うか（例：「髪質改善が得意」「駅徒歩3分」）
- サイト名：末尾に。WordPressのテーマやプラグインが自動で付ける場合は二重にならないようにする
メタディスクリプションの基本形
- 最初の1文で「誰向けの、何が分かるページか」を言い切る
- 2文目で具体的な中身や強み（数字、地名、料金、所要時間など）を1つ入れる
- タイトルと同じ言葉を繰り返すだけにしない。タイトルで言えなかったことを補う
<!-- タイトルの繰り返しになっている -->
<meta name="description" content="新宿の美容室。髪質改善が得意な〇〇ヘアサロンです。">
<!-- タイトルを補っている -->
<meta name="description" content="新宿駅から徒歩3分、完全個室の美容室です。髪質改善トリートメントは初回20%オフ。平日は21時まで営業、当日予約も受け付けています。">Googleがタイトルを書き換える理由と対策
「設定したタイトルと違う文言が検索結果に出ている」という経験をした方は多いと思います。Googleは2021年以降、<title> をそのまま使わず、ページ内の情報からタイトルリンクを生成することがあります。公式ドキュメントによると、生成に使われるのは次のような情報です。
<title>要素のテキスト- ページに表示されているメインの大見出し（
<h1>など） og:titleメタタグ- スタイルで目立たせたテキスト、ページ内のその他のテキスト
- 他のページからそのページへのリンクのアンカーテキスト
書き換えが起きやすいのは、タイトルが長すぎる、キーワードの羅列になっている、全ページ同じ定型文になっている、タイトルとページの大見出しが食い違っている、といった場合です。
対策はシンプルで、<title> と <h1> の内容を揃えることです。「タイトルは検索用、h1は読者用」と分けて書くと、Googleはどちらが本当の主題か判断できず、書き換えが起きやすくなります。見出しの使い方は見出しタグ（h1〜h6）の正しい使い方とSEOとの関係で解説しています。
やってはいけないこと
キーワードの詰め込み
<!-- NG：キーワードを並べただけ -->
<title>美容室 美容院 ヘアサロン 髪質改善 トリートメント 新宿</title>
<!-- OK：文として読める -->
<title>新宿の美容室｜髪質改善トリートメントが得意な〇〇ヘアサロン</title>Googleは同じ語句の繰り返しを「無意味」とし、度が過ぎればスパムと見なす可能性があると明記しています。読者にとっても、文になっていないタイトルは魅力がありません。キーワードは1〜2つに絞り、自然な文の中に入れます。
全ページで同じタイトル・説明文を使い回す
トップページもサービスページも同じタイトルになっているサイトは意外と多いです。どのページも同じに見えるので、検索エンジンはページごとの違いを判断しにくく、読者もどれを開けばいいか分かりません。少なくともトップページと主要なページには、個別のタイトルと説明文を用意します。
記号や顔文字、誤字
「★」「♪」のような記号は、検索結果で省略されたり、見た目が安っぽくなったりします。誤字脱字は信頼性に直結します。公開前に声に出して読む、一晩おいて読み直す、といった単純な確認がいちばん効きます。
WordPressでの設定方法
WordPressでは、投稿や固定ページの「タイトル」欄がそのまま <title> になり、多くのテーマは末尾にサイト名を自動で付けます。メタディスクリプションは標準機能では設定できないので、SEOプラグイン（All in One SEO、Yoast SEO、SEO SIMPLE PACK など）を使います。
- 投稿の編集画面の下部に、プラグインの入力欄が表示される
- 「SEOタイトル」と「メタディスクリプション」を記事ごとに入力する。空欄のままだと、プラグインが本文の冒頭を自動で使う
- 入力欄の横にあるプレビューで、PCとスマートフォンでの見え方と切れる位置を確認する
このブログでも、記事を公開するたびにメタディスクリプションを個別に書いています。「本文の冒頭が自動で使われるから書かなくていい」と思いがちですが、冒頭の文章は読者向けの導入であって、検索結果の宣伝文として最適とは限りません。
よくある質問
Q. タイトルや説明文を変えたら、すぐ検索結果に反映される？
A. いいえ。Googleがページを再度クロールしてインデックスを更新するまで、数日から数週間かかります。急ぐ場合は、Google Search Consoleの「URL検査」からそのページのインデックス登録をリクエストすると、早まることがあります。
Q. 設定したメタディスクリプションが検索結果に出ないのはなぜ？
A. Googleは、設定した説明文よりページ本文の一部のほうが検索語句に対して適切だと判断した場合、本文から自動生成した文章を表示します。検索語句ごとに表示が変わることもあるので、完全にはコントロールできません。それでも、ページの内容を正確に表す説明文を用意しておけば、多くの検索で使われます。
Q. タイトルにサイト名は入れたほうがいい？
A. 入れておくのが無難です。Googleがサイト名を別に表示する場合もありますが、タブやブックマークの名前としても使われるので、末尾にあると分かりやすくなります。ただし、テーマやプラグインが自動で付けている場合は、二重にならないように確認してください。
まとめ：伝わるタイトル・説明文を心がけよう
<title>は検索結果・タブ・検索エンジンの3方向に効く、ページの「顔」- メタディスクリプションは順位には効かないが、クリック率に効く「宣伝文」
- 長さは文字数ではなく表示幅で決まる。タイトルは全角30文字前後、説明文は80〜120文字が目安
- キーワードは1〜2つに絞って自然な文にする。詰め込みと使い回しは避ける
<title>と<h1>を揃えると、Googleによる書き換えが起きにくい- WordPressではSEOプラグインで記事ごとに設定し、プレビューで見え方を確認する
タイトルと説明文は、ページの中でいちばん短い文章でありながら、いちばん多くの人の目に触れる文章です。公開前にこの2つを見直すだけでも、検索結果での印象は大きく変わります。
前回はWebデザインにおけるデザインツールは何がいい？、次回は見出しタグ（h1〜h6）の正しい使い方とSEOとの関係です。連載の全体像は第1回「HTML・CSSはどこで習う？」の末尾にある一覧からたどれます。
