メインコンテンツへスキップ
cataly design
titleタグとメタディスクリプションの書き方|文字数の目安と例
SEO対策

titleタグとメタディスクリプションの書き方|文字数の目安と例

#SEO#Web制作
公開日 2026.11.11更新日 2026.11.11
監修者 鹿又勇太
Share On
Share On

titleタグとメタディスクリプションは、検索結果に表示されるタイトルと説明文のもとになる設定です。どちらも順位そのものより、検索結果で「このページを開くか」を決める場面で効きます。この記事では、2つの役割の違い、文字数の目安、検索意図に合わせた書き方を例つきで整理し、Googleに書き換えられやすいパターンやよくある失敗まで解説します。情報は2026年10月時点のものです。

titleタグとメタディスクリプションの要点

この記事の要点

  • titleタグはページの題名で、検索結果のタイトルとして使われる。メタディスクリプションはページの要約で、説明文として使われることがある。
  • 文字数に公式の上限はないが、表示幅の都合で、titleは全角30字前後、説明文は全角80〜120字程度を目安にすると切れにくい。
  • 狙う検索語を前方に置き、ページごとに内容に合った固有の文言にする。

titleタグとメタディスクリプションとは

titleタグとは、HTMLの<title>要素で指定するページの題名です。検索結果のタイトル、ブラウザのタブ、ブックマークの名前などに使われます。

メタディスクリプションとは、<meta name="description">で指定するページの要約文です。検索結果でタイトルの下に表示される説明文(スニペット)の候補として使われます。

<title>ホームページ制作の流れ|依頼から公開までの手順</title>
<meta name="description" content="ホームページ制作を依頼してから公開するまでの流れを、工程ごとの期間の目安とあわせて解説します。">

項目

titleタグ

メタディスクリプション

役割

ページの題名

ページの要約

検索結果での表示

タイトル(リンク部分)

タイトル下の説明文

順位への影響

内容を伝える手がかりになる

直接の順位要因とはされていない

主な効果

検索語との一致、クリック率

クリック率

文字数の目安

titleタグにもメタディスクリプションにも、Googleが定めた文字数の上限はありません。ただし検索結果では表示できる幅が限られているため、長すぎると途中で省略されます。省略は文字数ではなく表示幅で決まるため、次の数字はあくまで目安です。

  • titleタグ:全角30字前後。重要な語は前半の15〜20字に入れる。
  • メタディスクリプション:全角80〜120字程度。スマートフォンではさらに短く表示されることがあるため、結論は前半に書く。

当社のブログでは、SEOタイトルを最大32字、メタディスクリプションを最大120字とCMS側で上限を設け、超えた場合は保存できないようにしています。目安をルールとして仕組みに組み込むと、担当者が変わっても品質が揃います。

titleタグの書き方

titleタグは、狙う検索語と、ページを開くと何が分かるかを短く伝えるのが基本です。

  1. 狙う検索語を1つ決め、タイトルの前方に置く。
  2. 検索した人が知りたいこと(費用、手順、比較など)をタイトルに含める。
  3. ページの内容と一致させる。本文にない内容をタイトルで約束しない。
  4. サイト内の他のページと同じタイトルにしない。
  5. サイト名は末尾に短く付ける。毎ページで長い社名やキャッチコピーを繰り返さない。

良い例

  • LP制作の費用相場|価格帯別の目安と依頼先の選び方
  • Search Consoleの使い方|見るべき指標と改善の進め方

避けたい例

  • ブログ記事|サイト名(内容が分からない)
  • LP制作 費用 相場 安い おすすめ(語を並べただけ)

メタディスクリプションの書き方

メタディスクリプションは、検索結果を見た人に「このページで答えが見つかる」と伝える要約文です。

  1. 冒頭でページの結論や内容を言い切る。
  2. 検索語を自然に1回含める。検索語と一致した部分は太字で表示されることがある。
  3. 読んで得られることを具体的に書く(手順、費用の目安、比較表など)。
  4. ページごとに固有の文にする。全ページ共通の文は使わない。

例:「LP制作の費用相場を、テンプレート型からフルオーダーまで価格帯別に整理しました。見積もりの内訳と依頼先の選び方も解説します。」

Googleに書き換えられる理由と対策

検索結果に表示されるタイトルや説明文は、設定した文言がそのまま使われるとは限りません。Googleはtitleタグを中心に、ページ内の見出しなども参考にしてタイトルを生成し、検索語に合う本文の一部を説明文として表示することがあります。2021年8月には、タイトルの生成方法の変更が話題になりました。

書き換えられやすいのは、次のようなケースです。

  • タイトルが長すぎる、または短すぎて内容が分からない。
  • キーワードを詰め込んでいる、または複数ページで同じタイトルを使っている。
  • タイトルとページの見出し・内容が一致していない。
  • メタディスクリプションが空欄、または検索語と関係のない内容になっている。

書き換えを完全に防ぐ方法はありません。ページの見出し(h1)とタイトルの内容を揃え、内容を正確に表す文言にすることが、最も確実な対策です。

よくある失敗

次の失敗は、サイト全体の設定ミスで多くのページに一度に起きることがあります。テンプレートやCMSの設定を一度確認しておくと安心です。

  • 全ページのtitleタグが同じ、またはサイト名だけになっている。
  • メタディスクリプションが全ページ共通の会社紹介文になっている。
  • サイト名を二重に付けている(CMSが自動で付ける設定に、手入力でも付けている)。
  • 「No.1」「必ず」など、内容で裏づけられない表現を使っている。

タイトルが重複しているページや、表示回数は多いのにクリック率が低いページは、Search Consoleの使い方で紹介している検索パフォーマンスのレポートで見つけられます。

まとめ

  • titleタグはページの題名、メタディスクリプションはページの要約で、どちらも検索結果でのクリックを左右する。
  • 公式の上限はないが、titleは全角30字前後、説明文は全角80〜120字程度を目安にする。
  • 狙う検索語を前方に置き、ページごとに内容と一致する固有の文言にする。
  • 見出しと内容を揃えると、Googleに書き換えられにくくなる。

狙う検索語の決め方はSEOキーワード選定のやり方、SEOの全体像はSEO対策とはで解説しています。サイト全体の設定を見直したい場合は、サービス一覧もご確認ください。

よくある質問

A

内容に合った文言への変更であれば、大きく下がることは多くありません。ただし、すでに上位にあるページで狙う検索語を外すと、順位が変わる場合があります。変更後は数週間ほど、Search Consoleで表示回数とクリック率の推移を確認してください。

A

空欄でも、Googleが本文から説明文を自動で表示するため、検索結果には何かしらの文が出ます。ただし内容が意図とずれることがあるため、主要なページだけでも要約を書いておくと、伝えたい内容を検索結果に出しやすくなります。

A

SNSでの表示は、主にOGPという別の設定(og:titleやog:descriptionなど)で決まります。OGPを設定していない場合は、titleタグなどが代わりに使われることがあります。検索結果とSNSで見せ方を変えたい場合は、OGPも合わせて設定してください。

Contact

制作のご依頼やサービスに関するお問い合わせ、
まだ案件化していないご相談など、お気軽にお問い合わせください。

お問い合わせはこちら→

関連する記事

パンくずリストとは|SEO効果と種類・設置方法をやさしく解説
SEO対策

パンくずリストとは|SEO効果と種類・設置方法をやさしく解説

#SEO#Web制作

パンくずリストは、いま見ているページがサイトのどこにあるかを示す道しるべです。この記事では、パンくずリストの役割とSEO・使いやすさへの効果、3つの種類、HTMLと構造化データでの設置方法、つまずきやすい注意点までを、Googleの公式情報をもとに整理して解説します。

内部リンクの貼り方|SEO効果を高める設計と最適化のコツ
SEO対策

内部リンクの貼り方|SEO効果を高める設計と最適化のコツ

#SEO#Web制作

内部リンクはサイト内のページ同士をつなぐリンクで、検索評価とユーザーの回遊性の両方に影響します。この記事では内部リンクの役割とSEO効果、アンカーテキストの書き方や設置場所、避けたい失敗までを整理し、自社サイトの内部リンクを基本から見直せる形で解説します。

構造化データとは|SEO効果と種類・設定方法をやさしく解説
SEO対策

構造化データとは|SEO効果と種類・設定方法をやさしく解説

#SEO

構造化データとは、ページ内容を検索エンジンに正しく伝えるための印付けです。設定すると検索結果にレビューやFAQなどが表示されやすくなり、AI検索での引用にもつながります。この記事では仕組みと主な種類、設定手順、確認方法までを、専門知識がなくても判断できるように整理しました。

他の記事をみる→