検索結果に並ぶ青い見出しと、その下のグレーの説明文。この2つを決めているのが、HTMLの`title`タグと`meta description`です。どちらも数十文字の短い文章ですが、順位が同じでも流入数が変わる要素として、Webサイトの運用では最初に見直される場所になっています。
一方で、「文字数は30文字」「キーワードを前に入れる」といった定説だけが独り歩きしている領域でもあります。実際には、書いたdescriptionがそのまま表示されないケースも、Googleがtitleを別の文言に差し替えるケースも珍しくありません。
本記事では、数多くのSEO記事とWebサイトを制作してきた立場から、titleとdescriptionの役割の違い、書き方の判断基準、CMSでの設定手順、そして全ページ分を書ききれないときの優先順位までを整理します。
- titleとmeta descriptionが、それぞれ検索結果のどこに出るのか
- 順位に効くのはtitle、クリック率に効くのはdescriptionという役割の分かれ方
- 文字数の目安が「全角30文字」と言われる本当の理由
- HTMLとWordPressそれぞれでの設定手順
- 全ページに手を入れられないときに、どのページから直すか
titleとdescriptionは、検索結果のどこに表示されるのか
まず、2つのタグが画面上のどこに現れるかを押さえておきます。ここが曖昧なまま書き方の議論に入ると、descriptionに順位改善を期待するといった見当違いが起きやすくなります。
検索結果に表示される1件分の枠は、上から「サイト名とURL」「タイトルリンク（青い見出し）」「スニペット（説明文）」で構成されています。このうちタイトルリンクの元になるのが`title`タグ、スニペットの元になる候補のひとつが`meta description`です。
titleタグの役割
`title`タグは、そのページの題名を検索エンジンとユーザーの両方に伝えるHTML要素です。検索結果の見出しになるほか、ブラウザのタブ、ブックマークの登録名、SNSでURLを貼ったときの表示名にも使われます。
つまり、titleは順位に、descriptionはクリック率に効きますという整理をした場合でも、titleの影響範囲はそれだけにとどまりません。ユーザーが最初に目にする自社の名刺のような位置づけになるため、検索経由以外の場面でも読まれる前提で書く必要があります。
meta descriptionの役割
`meta description`は、ページの内容を要約してヘッダ内に記述しておくメタ情報です。検索結果の説明文として使われることがありますが、必ず使われるわけではありません。Googleは検索クエリとの関係を見て、ページ本文から適切と判断した箇所を抜き出して表示する場合があります。
ここが実務でよく誤解される点です。descriptionは書いても差し替えられることがあります。それでも書く価値があるのは、指名検索やコンバージョンに近いクエリなど、自分で文言をコントロールしたいページで採用される確率が上がるからです。
meta keywordsは今も必要なのか
`title`・`description`・`keywords`の3点をまとめて「TDK」と呼ぶ習慣が今も残っています。ただし、Googleは2009年の時点で、ランキングにkeywordsメタタグを使用していないと公表しました。以降この方針が撤回された形跡はなく、現在の制作現場では設定しないケースがほとんどです。
※ 出典: Google検索セントラル ブログ「Google does not use the keywords meta tag in web ranking」（2009年9月21日公開）
3つの違いを一覧にすると次のようになります。
| titleタグ | meta description | meta keywords | |
|---|---|---|---|
| 表示される場所 | 検索結果の見出し・ブラウザのタブ | 検索結果の説明文 | 画面には表示されない |
| 検索順位への影響 | ある | ない | ない |
| クリック率への影響 | 大きい | ある | ない |
| 内容が変わることがあるか | Googleが書き換える場合がある | 本文からの抜粋に差し替わる場合がある | — |
| 今も設定すべきか | ◎ | ○ | × |
関連記事：SEO記事の書き方完全ガイド｜上位表示を実現する18のテクニックと対策
SEOへの影響は、titleとdescriptionで質が違う
同じ「head内の短い文章」でも、成果への効き方は同じではありません。ここを分けて考えられるかどうかで、改善の打ち手が変わります。
経営者descriptionを全ページ書き直せば、順位は上がりますか。
Writers-hub編集部
順位そのものはほぼ動きません。descriptionが変えられるのは、検索結果に並んだあとで選ばれるかどうかの部分です。順位を動かしたいなら、先にtitleと本文の内容を見直すことになります。
titleは順位、descriptionはクリック率
`title`タグの文言は、Googleがページのテーマを判断する材料のひとつとして扱われます。狙っているキーワードがtitleに入っていないページが、そのキーワードで上位に来る例もありますが、書かれている場合と比べれば不利になります。
一方の`meta description`について、Googleは検索順位を決める要素としては扱っていないと繰り返し説明しています。descriptionを整えて起きる変化は、表示回数はそのままでクリック数が増える動きです。Search Consoleの検索パフォーマンスで言えば、掲載順位が横ばいのままCTRだけが上がる形になります。
順位が伸びない原因をdescriptionに求めても改善しません。表示回数と掲載順位が伸び悩んでいるならtitleと本文、表示回数のわりにクリックが少ないならdescription、と切り分けてから手を動かします。
Googleがtitleを書き換えるケース
検索結果に出ている見出しが、自分で書いたtitleと違っていた経験はないでしょうか。Googleは、そのページにより適した見出しがあると判断した場合、title以外の情報を使ってタイトルリンクを生成します。実務でよく見かけるのは、次のようなページです。
- サイト名やカテゴリ名が長く連結され、ページ固有の情報が後ろに追いやられている
- 全ページで同一のtitleが設定されている
- キーワードが不自然に繰り返されている
- 中身と一致しない、または短すぎて内容が判別できない
書き換えを完全に防ぐ方法はありませんが、ページの内容を素直に表す簡潔なtitleを付けておけば、そのまま採用される確率は高くなります。h1見出しやページ内の主要な文言とtitleを大きくずらさないことも、実務上は有効に働きます。
※ 出典: Google検索セントラル「Google検索結果のタイトルリンクを制御する方法」
関連記事：SEOタイトルの付け方｜文字数の目安とクリックされる書き方の手順
SEOに効くtitleの書き方
ここからは具体的な書き方に入ります。定説として広まっているルールも、理由まで踏み込むと使いどころが変わってきます。
文字数の目安が「全角30文字」である理由
titleの上限としてよく挙がる30文字前後という数字は、Googleが文字数で切っているわけではありません。文字数の上限は文字数ではなくピクセル幅で決まります。検索結果のタイトルリンクには表示できる横幅があり、そこを超えた分が省略されます。
そのため、半角英数字が多いタイトルは全角30文字より長く入り、全角の漢字やカタカナが続くタイトルは30文字に届かず切れることもあります。「titleとdescriptionの書き方」のように英単語を含むタイトルが、体感より長く表示されるのはこのためです。
実務では、まず全角30文字前後を基準に書き、実際の検索結果でどこまで表示されるかを確認して調整する、という進め方が安全でしょう。スマートフォンとPCでも表示幅が異なるため、両方で見ておくと判断を誤りにくくなります。
キーワードは前半に、ただし繰り返さない
狙うキーワードは、可能な限りtitleの前半に置きます。左から読まれること、そして末尾が省略されたときに残るのが前半であることが理由です。ブランド名やサイト名を先頭に置く設計は、指名検索が中心のトップページを除けば、下層ページでは不利に働きます。
一方で、同じ語を複数回入れる書き方は避けてください。「SEO対策とは｜SEO対策の方法とSEO対策の費用」のようなtitleは、読み手にとって情報量が少ないうえ、Googleに書き換えられる典型例でもあります。
ページごとに固有の文言にする
重複したtitleは、検索結果でページ同士が混ざる原因になります。似た内容のページが複数ある場合、どちらを表示するかの判断が検索エンジン側に委ねられ、意図しないページが表示されることがあります。
重複の洗い出しには、Search Consoleではなくクロール系のツールを使うのが早道です。サイト全体をクロールしてtitleの一覧を出し、重複と空欄を抽出すれば、優先して直すべきページがそのまま一覧になります。ページ数が数十程度であれば、CMSの記事一覧を書き出して並べ替えるだけでも十分に見つかります。
- 狙うキーワードが前半に入っている
- サイト内に同じtitleのページがない
- ページを開いたときの内容と一致している
- 同じ語を2回以上繰り返していない
- 検索結果で切れずに読み切れる長さに収まっている
titleの文言を変えたあと、クリック率がどう動いたかを検証する方法については、記事タイトルの改善プロセスをまとめた記事タイトルのA/Bテスト方法も参考になります。
titleの直し方は分かった。ただ、直すべきページが何百とある
titleの重複や表示崩れは、1ページずつなら誰でも直せます。難しいのは、どのページから着手すれば流入が増えるかの判断と、それを運用として続ける部分です。Writers-hubでは、Search Consoleの実データからページを絞り込み、書き換え案の作成までを支援しています。
関連記事：SEOのタイトル文字数は何文字が適切？30文字の目安と切れない書き方
クリックされるdescriptionの書き方
descriptionは順位を動かしませんが、書き方によって同じ順位でも流入数が変わります。ここでの目的は、検索結果に並んだ競合のなかから選んでもらうことです。
文字数はPCとスマートフォンで分けて考える
表示される長さは、PCで全角120文字前後、スマートフォンで全角50文字から70文字程度が目安です。ここも固定値ではなく、クエリやデバイスによって変動します。
現実的な対応としては、最初の50文字だけで意味が通る構成にしておくことが有効です。前半に結論と対象読者を置き、後半に補足を続ける順番であれば、どこで切られても意味が伝わります。
何を書くかは、検索した人の状態から逆算する
ページの内容を要約するだけでは、競合の説明文と横並びになります。そのページにたどり着く人が何を確認したくて検索したのかを想定し、その答えの一部を先に出すと差が出ます。
料金ページであれば「初期費用の有無と月額の下限」、事例ページであれば「業種と成果の種類」といった具合に、クリック前に知りたい情報を1つ入れておきます。読む前から中身が分かると流入が減ると心配されることもありますが、内容と合わない訪問が減るぶん、問い合わせ率は上がる傾向があります。
狙っているキーワードを本文中の自然な形で含めることも有効です。検索語と一致する語句は検索結果上で太字になるため、視認性が上がります。ただし語を並べただけの文章は逆効果になります。
避けたい書き方
- 全ページで同じ文章を使い回している
- 会社概要のあいさつ文をそのまま貼っている
- キーワードだけを並べ、文章になっていない
- 200文字を超える長文で、前半に結論がない
- ページの内容と一致しておらず、訪問後に離脱される
HTMLとCMSでの設定方法
タグそのものの記述は難しくありません。head要素の中に、次のように記述します。
<head>
<meta charset="utf-8">
<title>titleとdescriptionの書き方｜SEOに効く文字数とキーワードの入れ方</title>
<meta name="description" content="titleとdescriptionの役割の違い、SEOへの影響、文字数の目安、書き方の手順を解説します。">
</head>静的なHTMLで作られたサイトであれば、ページごとにこの2行を書き分けます。実際の作業手順は次のとおりです。
`title`と`meta description`は、いずれも`<head>`と`</head>`の間に置きます。body内に書いても認識されません。
複数の`title`タグがある場合、通常は最初のものが使われます。テンプレートの改修時に重複が生まれやすいため、公開前にソースを確認します。
`name="description"`の指定を忘れると、別の用途のメタタグとして扱われます。日本語を含む場合は文字コードの指定も併せて確認します。
公開後、実際に検索して表示を確認します。反映にはクロールが必要なため、数日から数週間かかることがあります。
WordPressの場合
WordPressでは、テーマ側でtitleが自動生成されるため、投稿タイトルがそのままtitleになる設定が一般的です。個別に文言を変えたい場合や、descriptionを設定したい場合は、SEO系のプラグインを導入します。
プラグインを複数入れると、それぞれがtitleを出力して重複することがあります。同種のSEOプラグインは1つに絞り、乗り換える際は旧プラグインを停止したうえでソースを確認してください。
自社CMSや静的サイトジェネレーターの場合
自社開発のCMSやNext.jsのようなフレームワークを使っている場合は、テンプレート側でtitleとdescriptionを組み立てる設計になります。ページ数が多いサイトでは、記事ごとに手入力する欄と、入力がなかったときの自動生成ルールの両方を用意しておくと運用が破綻しません。
自動生成のルールは、「記事タイトル + カテゴリ名 + サイト名」のように連結すると長くなりすぎます。下層ページではサイト名を省く、あるいは短縮形にするなど、表示幅を意識した設計にしておきたいところです。
運用でつまずくポイントと、直す順番
ここまでの内容は、1ページだけであれば30分で実行できます。運用で難しくなるのは、ページ数が増えたときです。
全ページを一度に書き直そうとしない
数百ページあるサイトで、すべてのdescriptionを手書きするのは現実的ではありません。しかも、そのうち検索から流入が発生しているページは一部に限られます。
優先順位の付け方はシンプルです。表示回数が多く順位が11位以下のページから直します。Search Consoleの検索パフォーマンスで、期間を過去3か月に設定し、表示回数の多い順に並べれば、上位数十ページで全体の大半を占めているはずです。
そのうえで、掲載順位が11位から30位のページはtitleと本文、掲載順位が上位でCTRが低いページはdescription、という順に手を入れます。上位表示されているのにクリックされないページは、説明文の改善だけで数字が動く可能性があります。
リニューアルと移行のときに消える
制作会社の立場でよく遭遇するのが、サイトリニューアル後にtitleとdescriptionが初期値に戻っているケースです。CMSを乗り換えたとき、SEOプラグインが管理していたデータは記事本文とは別のテーブルに保存されているため、記事の移行だけでは引き継がれません。
移行前にtitleとdescriptionを一覧で書き出しておき、移行後に同じ一覧で突き合わせる。この2工程を入れるだけで、公開後に順位が下がってから原因を探す事態を避けられます。
記事を増やすたびに、titleとdescriptionを書く手が止まっていませんか
記事本文は書けても、1本ごとのtitleとdescriptionまで検索意図から設計するとなると、本数が増えるほど後回しになりがちです。Writers-hubの記事制作支援では、キーワード設計から本文、titleとdescriptionまでを1本のセットとして納品しています。
よくある質問
制作の現場で、Web担当者の方から実際に受けることの多い質問をまとめました。
同じでも問題ありません。ただし、titleは検索結果で読まれる文章、h1はページを開いた人が読む見出しという違いがあります。表示幅の制約が厳しいのはtitleのほうなので、h1をやや長く、titleを簡潔にする書き分けが実務では扱いやすくなります。
ページ本文から抜粋された文章が説明文として表示されます。ペナルティのような不利益はありません。ページ数が多く手が回らない場合は、流入の多いページから順に設定していく進め方で問題ありません。
変更直後は評価が定まらず一時的に変動することがあります。2週間から1か月ほど様子を見てから判断してください。それでも回復しない場合は、キーワードが後方に移った、文言が抽象的になった、といった変更内容そのものを見直します。
Googleはランキングに使用していないと公表しているため、書いても書かなくても順位には影響しません。ただし、狙っているキーワードが競合から見える状態になる点は考慮しておくとよいでしょう。
まとめ
titleとdescriptionは、head内の数行でありながら、検索結果での見え方を決める部分です。要点を整理します。
`title`は検索順位とクリック率の両方に関わり、狙うキーワードを前半に置き、ページごとに固有の文言にすることが基本になります。文字数は全角30文字前後を基準にしつつ、実際の表示幅で確認します。`meta description`は順位には影響せず、クリック率を動かす要素です。前半50文字だけで意味が通る構成にし、検索した人が確認したい情報を先に出します。
そして運用では、全ページを一度に直すのではなく、表示回数と掲載順位から優先順位を付けて着手する。この判断ができるかどうかで、かけた時間に対する流入の増え方が変わってきます。
合同会社Writers-hubでは、SEO記事の制作と検索流入の改善支援を行っています。titleとdescriptionの設計も、記事本文やキーワード戦略と切り離さず、1つの流れとして組み立てています。
どのページから直せばよいか、実データで見てみませんか
Search Consoleのデータを見れば、表示回数のわりにクリックされていないページ、上位表示できていないページはすぐに特定できます。自社サイトのどこから着手すべきか整理したい段階でも構いませんので、お気軽にご相談ください。
