タイトルタグの書き方|h1タグとの違いとAI検索で効く見出し設計

タイトルタグの書き方|h1タグとの違いとAI検索で効く見出し設計

タイトルタグは、SEOで最も基本的な要素のひとつです。ただ、実際に診断データを見ていくと、多くのサイトがタイトルタグはきちんと設定できている一方で、h1タグや見出し階層のほうでつまずいているという傾向が見えてきます。

本記事では、タイトルタグの書き方と文字数の考え方を押さえたうえで、多くの人が迷う「h1タグとの違い」を整理します。そのうえで、SEGO診断3,228件のデータをもとに、AI検索時代に本当に差がつくのはどこなのかを解説します。

タイトルタグとは|HTMLでの書き方と記述例

タイトルタグとは、そのページのタイトルを検索エンジンやブラウザに伝えるHTMLタグです。HTMLの<head>内に記述し、検索結果に表示されるリンク文言のもとになります。

記述例は次のとおりです。

<head>
  <title>タイトルタグの書き方|h1タグとの違いとAI検索で効く見出し設計</title>
</head>

書き方の基本は3つです。

  • 対策キーワードを前半に含める:検索結果では末尾が省略されることがあるため、重要な語は前に置きます
  • 1ページに1つ、内容を正確に表す:ページの中身と一致しないタイトルは、検索エンジンに書き換えられることがあります
  • サイト内で重複させない:同じタイトルが複数ページにあると、どのページを評価すべきか判断されにくくなります

タイトルタグの文字数は何文字が適切か

日本語では30文字前後が目安です。検索結果に表示される文字数はデバイスや表示環境によって変わるため、厳密な上限があるわけではありませんが、これを超えると末尾が省略されて表示される可能性が高まります。

ただし、文字数を守ること自体が目的ではありません。省略されても意味が通るように、重要な情報を前半に置くことのほうが実務上は重要です。文字数に収めようとして不自然にキーワードを詰め込むと、かえってクリックされにくくなります。

タイトルタグとh1タグの違い

この2つは役割が異なります。混同されやすいので、整理しておきます。

比較項目 タイトルタグ(<title>) h1タグ(<h1>)
記述場所 <head>内 <body>内
表示される場所 検索結果・ブラウザのタブ ページ本文の最上部(見出し)
主な役割 検索結果でクリックしてもらう ページ内容の主題を示す
読み手 まだ訪問していない検索ユーザー すでに訪問した読者

内容は近くても構いませんが、完全に同じにする必要はありません。タイトルタグは「検索結果で選ばれるための文言」、h1タグは「読み始めた人に主題を伝える見出し」と考えると、それぞれ最適な書き方が変わります。h1タグは原則としてページに1つだけ置き、その下にh2・h3を階層的に並べます。

タイトルタグのSEO効果は頭打ち|診断データで見る、h1と見出し階層の落とし穴

ここからが本題です。SEGO診断3,228件のデータで、タイトル・見出し関連の項目の合格率を比較すると、はっきりした差が出ました。

タイトル・見出し関連項目の合格率 SEGO診断3,228件を集計(単位:%) 0 25 50 75 100% meta robots 98.7% タイトルタグ 89.9% h1タグ 72.5% 見出し階層 72.4% メタディスクリプション 69.6%

タイトルタグの合格率は89.9%。一方、h1タグは72.5%、見出し階層は72.4%にとどまります。その差は約17ポイントです。

つまり、タイトルタグはすでに大半のサイトが設定できており、そこで差はつきにくくなっています。差がつくのは、h1タグが適切に置かれているか、その下の見出しが階層的に整理されているか、という本文側の構造です。「タイトルタグの文字数を何文字にするか」で悩む時間があるなら、まずh1と見出し構造を点検するほうが、改善余地は大きいと言えます。

AI検索でタイトルタグと見出しはどう使われるか

この構造の問題は、AI検索の文脈でさらに重要になります。生成AIがページの内容を理解し、回答の材料として引用するとき、手がかりにするのは見出しとその直下の記述です。

タイトルタグは検索結果でのクリックを得るための要素ですが、AIが参照するのは主に本文の構造です。h1でページの主題が示され、h2・h3が論理的な階層になっていれば、AIは「この見出しはこの問いに答えている」と把握しやすくなります。逆に、h1が複数あったり、h2を飛ばしてh3が現れたりすると、内容の構造が伝わりにくくなります。

合格率が7割強にとどまるh1タグと見出し階層は、SEOの基本であると同時に、AI検索に引用されるための土台でもあるということです。見出し直下に結論を置く書き方や、AI検索に引用されやすい構造の作り方はGEO対策のやり方で詳しく扱っています。

あわせて、ページの主題や著者情報を機械が読み取れる形にする構造化データも、AIの理解を助けます。実装方法は構造化データの実装ガイドを参照してください。

タイトルタグの確認方法

自社ページのタイトルタグは、次の3つの方法で確認できます。

  1. ブラウザでソースを表示する:ページ上で右クリックし「ページのソースを表示」を選び、<title>タグを探します。1ページずつ確認する場合に確実な方法です。
  2. Search Consoleで確認する:URL検査ツールでインデックス状況とあわせて確認できます。Googleが実際にどう認識しているかを見たい場合に有効です。
  3. クロールツールで一括抽出する:サイト全体のタイトルタグを一覧で出し、重複や未設定を洗い出します。ページ数が多いサイトではこの方法が現実的です。

タイトルタグが反映されない原因と対処

設定したタイトルタグが検索結果に表示されない、という相談はよくあります。原因は大きく3つに分かれます。

1. Googleが書き換えている。Googleは、ページの内容とタイトルが一致していないと判断した場合や、タイトルが長すぎる・キーワードが過剰に詰め込まれていると判断した場合に、h1タグや本文の記述をもとにタイトルを書き換えて表示することがあります。この場合の対処は、ページ内容を正確に表す簡潔なタイトルに直すことです。

2. まだ再クロールされていない。変更が反映されるまでには時間がかかります。Search ConsoleのURL検査からインデックス登録をリクエストすると、再クロールを促せます。

3. そもそも正しく出力されていない。CMSの設定やテンプレートの不備で、意図したタイトルがHTMLに出力されていないケースです。ブラウザのソース表示で、実際のHTMLを確認してください。JavaScriptで後から書き換えている場合、クローラーが取得するタイミングによっては反映されないこともあります。

タイトルタグのSEOでよくある質問|ディスクリプション・title属性との違い

タイトルタグとディスクリプションの違いは何ですか?

タイトルタグは検索結果のリンク文言になる要素で、クリックされるかどうかに直結します。メタディスクリプションはその下に表示される説明文で、内容を補足する役割です。診断データではメタディスクリプションの合格率は69.6%と、タイトルタグ(89.9%)より低い水準でした。書き方はメタディスクリプションの書き方で解説しています。

タイトルタグが検索結果に反映されないのはなぜですか?

主な原因は3つです。Googleがページ内容との不一致や過剰なキーワードを理由にタイトルを書き換えている、変更後まだ再クロールされていない、CMSやテンプレートの不備でHTMLに正しく出力されていない、のいずれかです。まずブラウザのソース表示で実際のHTMLを確認し、正しく出力されていればSearch Consoleからインデックス登録をリクエストしてください。

タイトルタグの確認方法を教えてください

個別ページならブラウザの「ページのソースを表示」で<title>タグを確認するのが確実です。Googleがどう認識しているかを見たい場合はSearch ConsoleのURL検査を使います。サイト全体の重複や未設定を洗い出したい場合は、クロールツールで一括抽出するのが効率的です。

タイトルタグとtitle属性は何が違いますか?

別物です。タイトルタグ(<title>)はページ全体のタイトルを示す要素で、<head>内に記述します。title属性は、リンクや画像などの要素に補足情報を付けるための属性で、マウスを乗せたときにツールチップとして表示されるものです。SEO上の役割は大きく異なり、検索結果に表示されるのはタイトルタグのほうです。

SEGOで無料診断を試す

LINEで無料資料を受け取る

プロに相談してみませんか?

SEGOの診断結果をもとに、改善の方向性を無料でお伝えします。30分のオンライン相談で、あなたのサイトの次のステップが見えてきます。

無料30分相談を申し込む

この記事を書いた人

岡 拓馬

岡 拓馬(おか たくま)

外資系SEOスペシャリスト / SEGO開発者

約10年の国際SEOコンサルティング経験

航空自衛隊で航空機整備員として勤務した後、2015年にフリーランスのWebライター・SEOコンサルタントとして独立。以来、アジア各国を拠点に海外ノマドワーカーとして活動。フィリピンの外資系企業でSEOスペシャリストとして従事した後、約10年の国際SEOコンサルティング経験をもとにSEO×AI検索の診断ツール「SEGO」を開発。著書に『AI時代のテクニカルSEOの教科書』(Kindle)、Udemy講座『AI時代のコンテンツSEOの教科書』がある。

執筆プロセス:本記事はAI(Claude Sonnet)による下書きを、岡拓馬が一次データ追加・実例追記・文意確認を行ったうえで公開しています。内容の最終責任は筆者(岡拓馬)が負います。