見出しが読み飛ばされる原因と対策|階層で伝える設計

見出しが読み飛ばされる原因と対策|階層で伝える設計

検索の結果で題名が書き換えられたとき、書き換え後の文字に何が使われるか。調査では、記事の中の一番大きな見出しが使われた割合が76パーセントでした。つまり、記事の中の見出しは記事の外にも影響しています。それでも、見出しは見た目で選ばれることが多い要素です。大きく見せたいから上の段を使う、という選び方が構造を壊しています。順に、何が起きているかを見ます。


カメ先生カメ先生

見出しの段を、大きさで決めていないだろうか。


カメ子カメ子

目立たせたいところは、大きい段にしています。


カメ先生カメ先生

それは見た目の話だ。見出しは、記事の骨組みを示す部品なんだよ。


カメ子カメ子

骨組みが崩れると、どこに影響が出るのですか。


この記事のポイント
  • 見出しは飾りではなく、記事の構造を機械に伝える部品である
  • 段を飛ばすと、読み上げの道具と検索の側の両方が構造を追えなくなる
  • 見た目の大きさは別の手段で調整する。段の選択とは分けて考える

AI×SEOに取り組む前に、社内のAI導入環境から整えませんか?

デボノはアカウント開設・初期設定など「そもそものAI導入」から社内定着まで伴走支援。マーケティング活用など一歩進んだご相談にも対応します。

目次

見出しは飾りではなく構造

見出しには、2つの役割があります。1つは、目で見て区切りが分かることです。もう1つは、記事の骨組みを機械に伝えることです。前者は見た目の話で、後者は構造の話です。書く側は前者だけを意識しがちです。しかし後者のほうが、影響の範囲が広い役割です。

構造として伝わる内容は、単純です。どの話が大きな区切りで、どの話がその中に含まれるか。この入れ子の関係が、段の番号で表されます。1が一番大きく、数字が増えるほど内側です。階層を表す番号だと考えると分かりやすくなります。

ここで問題が起きます。段の番号は、そのまま文字の大きさにも反映されます。番号が小さいほど、画面では大きく表示されます。そのため、大きく見せたい箇所に小さい番号を当ててしまいます。階層と、見た目が混ざります。

この混ざりが、構造を壊します。たとえば、記事の途中で急に一番大きな段が現れます。機械から見れば、そこで新しい記事が始まったように読めます。書いた側の意図は、目立たせたかっただけです。意図と、伝わる内容がずれています。

この記事では、そのずれを直す方法を扱います。見た目を犠牲にする話ではありません。見た目は別の手段で作れます。段の選択と、見た目の調整を分ける考え方を示します。分ければ、どちらも成立します。

一番上の段が複数あるとどうなるか

一番上の段は、記事全体の題名を表します。多くの仕組みでは、記事の題名が自動でこの段になります。そのうえで本文の中でも同じ段を使うと、2つになります。機械から見ると、題名が2つある記事です。どちらが記事の主題なのか、決められません。判断が揺れます。

影響が出るのは、まず検索の結果の題名です。書き換えが起きたとき、どの文字が使われるかが読みにくくなります。意図しない文字が使われることがあります。本文の途中の見出しが、題名として表示される形です。書いた側は気付きにくい変化です。

次に影響が出るのは、読み上げの道具です。この道具には、一番上の段へ飛ぶ操作があります。複数あると、その操作の意味が失われます。どこへ飛ぶのかが決まらないためです。移動の起点が消えます。

外部の道具にも影響します。記事の概要を集めて表示する仕組みは、一番上の段を手がかりにします。2つあると、どちらを拾うかは道具によって変わります。表示が意図と違う形になります。手元では確かめにくい部分です。

直し方は簡単です。本文の中で使っている一番上の段を、1つ下の段に変えます。文字の大きさが変わってしまう場合は、見た目の指定で戻します。内容は一文字も変えません。作業としては、置き換えだけで済みます。

仕様では禁止されていないが実務では1つにする

ここで、よく出る疑問に触れます。決まりの上では、一番上の段を複数置くことは禁止されていません。だから問題ないという説明を、見かけることがあります。これは半分だけ正しい説明です。禁止されていないことと、実務で困らないことは別です。分けて考える必要があります。

禁止されていない理由は、文書の外形という考え方があるためです。記事の中に、独立した区画を作れる仕組みがあります。その区画の中では、段の番号が改めて数え直される設計でした。だから複数あってもよい、という理屈です。設計としては、筋が通っています。

問題は、この設計が広く実装されなかった点です。読み上げの道具の多くは、区画ごとの数え直しに対応していません。結果として、記事全体で段の番号がそのまま読まれます。設計の意図が、道具の側に届いていません。実務では、届いていない前提で作ります。

したがって、方針は単純になります。決まりの上の可否ではなく、道具の実際の動きに合わせます。一番上の段は、記事に1つだけ置きます。これを守れば、どの道具でも構造が正しく伝わります。迷う余地がなくなります。

同じ考え方は、他の要素にも当てはまります。決まりの上で許されていても、道具が対応していない書き方があります。その場合は、対応している書き方を選びます。実装がそろってから、選択肢を広げます。先取りする必要はありません。

段を飛ばすと何が壊れるか

次に、段を飛ばす問題を見ます。一番上の段から、3つめの段へ直接進む形です。間の段が抜けているため、入れ子の関係が読めなくなります。3つめの段は、2つめの段の中にあるはずのものです。その2つめが存在しません。宙に浮いた状態になります。

国際的な団体の手引きでも、段を飛ばすことは避けるべきとされています。理由は、階層が論理的に追えなくなるためです。読み上げの道具や検索の側が、解析に詰まります。詰まった結果、構造を無視して本文だけを読むことになります。見出しを置いた意味が失われます。

飛ばしが起きる典型は、見た目の調整です。2つめの段は大きすぎるから、3つめを使う。この判断が、階層に穴を開けます。書く側には、穴が見えません。画面上は、きれいに見えているためです。

  • 一番上の段から3つめの段へ飛ぶ(2つめが抜けて宙に浮く)
  • 大きすぎるから下の段を使う(見た目で階層を決めている)
  • 同じ深さの話に違う段を当てる(並列なのに入れ子に見える)
  • 記事の途中で一番上の段を使う(新しい記事の始まりに見える)
  • 見出しの下に何も書かず、次の見出しが続く(区切る中身がない)

直すときは、上から順に読み直します。段の番号だけを並べて、数字の飛びを探します。1、2、3、3、2、3と並ぶのが正しい形です。1、3、3、2のように飛びがあれば、そこが対象です。番号だけを見るのが、確かめる近道です。

読み上げの道具は見出しで移動する

なぜ階層がそこまで大事なのか。読み上げの道具の使われ方を知ると、理由が具体的になります。この道具には、見出しだけを拾って一覧にする機能があります。利用者は、まずその一覧を聞きます。全体の構成を把握してから、必要な場所へ飛びます。目次として使われています。

このとき、段の番号も読み上げられます。「段2、費用の内訳」「段3、初期費用」という形です。番号があるから、入れ子の関係が耳で分かります。費用の内訳の中に、初期費用があると理解できます。番号が構造を伝えています。

番号が飛んでいると、この理解が崩れます。「段2、費用の内訳」の次に「段4、初期費用」と読まれます。間に何かが抜けている、という印象になります。抜けた部分を探そうとして、迷います。実際には抜けていません。

一番上の段が複数ある場合も、同じことが起きます。記事の途中で「段1」が読まれます。そこで新しい記事が始まったように聞こえます。戻ろうとして、操作が空振りします。移動の目印が、誤った位置に置かれた状態です。

この使われ方を知ると、方針が変わります。見出しは、目次を作る部品だと考えられます。目次として成立するかどうかが、判定の基準になります。見た目の話は、そのあとです。順序が入れ替わります。

検索の結果の題名に使われる

階層のもう一つの影響が、検索の結果の見え方です。検索の側は、必ずしも指定した題名をそのまま使いません。より適切だと判断した文字に、書き換えることがあります。書き換えの割合は、調査によっては6割を超えます。つまり、例外ではなく通常の動きです。前提として知っておく必要があります。

書き換えのとき、何が使われるか。調査では、記事の中の一番大きな見出しが使われた割合が76パーセントでした。残りは、本文の一部や、案内の文字などです。一番大きな見出しが、最も有力な代わりの候補になっています。ここが階層とつながります。

したがって、対策は2つあります。1つは、題名と一番大きな見出しを近い内容にすることです。両者が一致していれば、書き換えられても表示は変わりません。もう1つは、一番大きな見出しを1つに保つことです。複数あると、どれが使われるか読めません。

題名の長さも、書き換えに関係します。調査では、70字を超える題名はほぼ全部が書き換えられていました。50字から60字あたりが、書き換えの少ない範囲でした。これは英字での調査です。日本語では、表示される幅で考えます。

なお、書き換えを完全に止める方法はありません。指定を無視しない、という保証は示されていません。できるのは、書き換えられても困らない形にしておくことです。題名と見出しをそろえるのが、その形です。止めるのではなく、備えます。

見た目の大きさで見出しを選んでいないか

ここまでの話を、実務の判断に落とします。見出しの段を選ぶとき、何を基準にするか。基準は、その話が上の話の中に含まれるかどうかだけです。含まれるなら、1つ下の段にします。並ぶなら、同じ段にします。大きさは判断に入れません。

この基準で選ぶと、見た目が意図とずれることがあります。目立たせたい話が、小さく表示される形です。そのときは、見た目だけを別に調整します。文字の大きさや色は、段の番号とは独立して指定できます。分けて扱えます。

使っている仕組みによって、調整の方法は変わります。見出しごとに大きさを指定できる場合もあります。できない場合は、見出しではなく囲みの枠で目立たせます。枠は構造に影響しません。安全な手段です。

逆の場合もあります。構造としては下の段だが、表示は大きくしたい。この要望は、段を上げずに実現できます。段を上げると、階層に穴が開きます。見た目の要望のために、構造を犠牲にしません。

判断に迷ったら、目次を書いてみます。段の番号だけを並べて、入れ子になっているかを見ます。自然な入れ子になっていれば、選択は正しいです。不自然なら、段の当て方を見直します。目次が判定の道具になります。

太字で代用された見出しは見出しにならない

逆の問題もあります。見出しを使わず、太字だけで区切る書き方です。目で見れば区切りに見えますが、機械には伝わりません。見出しの部品を使っていないためです。構造としては、ただの段落です。区切りが存在しないことになります。

この書き方は、文書を貼り付けたときに起きやすいです。元の文書では太字で作られていた見出しが、そのまま太字で入ります。画面では違いが分かりません。しかし、目次には現れません。読み上げの道具の一覧にも出てきません。

見つけ方は、目次の自動生成を使うのが早いです。見出しから目次を作る機能があれば、そこに出ないものが対象です。目次に出ない区切りは、機械から見て存在していません。太字で代用された箇所が、まとめて分かります。確かめる手間が小さくなります。

直すときは、太字を見出しの部品に置き換えます。そのとき、段の番号を決める必要があります。前後の話の入れ子の関係から決めます。太字だった箇所は、多くの場合3つめの段に収まります。2つめの段の中の小分けだからです。

なお、太字そのものが悪いわけではありません。文中の語を強めるための部品です。区切りを作るための部品ではない、というだけです。役割が違うものを、代用しないという話です。使い分けます。

階層の設計は目次から作る

ここからは、作るときの手順です。書きながら見出しを付けると、階層が崩れます。先に目次を作り、それを見出しに写すのが崩れない順番です。目次の段階なら、入れ子の関係だけを考えられます。見た目の誘惑がありません。判断が単純になります。

STEP1
扱う話を、大きい単位で並べる

記事で扱う話を、大きい単位で5つから10ほど並べます。この段階では、順番も気にしません。

STEP2
並べたものを、入れ子に整理する

並べたもののうち、どれかの中に入るものを探します。入るものは、1段下げます。

STEP3
段の番号を振り、飛びがないか見る

整理した並びに、段の番号を振ります。1、2、3、3、2と並ぶかを確かめます。

STEP4
番号だけを縦に並べて確かめる

番号だけを縦に読み、飛びがないかを見ます。飛びがあれば、間の段を足すか、段を上げます。

STEP5
見出しの文字を、番号に合わせて整える

最後に、見出しの文字を書きます。上の段より具体的な言葉になっているかを見ます。

この順番の利点は、書き直しが減ることです。本文を書いてから階層を直すと、内容の移動が発生します。目次の段階なら、行を上下させるだけで済みます。作業量が、桁で変わります。先に作る価値があります。

1つの節にいくつまで下の段を置くか

階層を作ると、次の疑問が出ます。1つの節の中に、下の段をいくつまで置けるか。決まりはありませんが、実務では7つあたりが上限になります。それを超えると、目次として読みにくくなります。一覧で聞いたとき、覚えていられません。人の側の限界です。

7つを超えるときは、2つに分けます。上の段を1つ増やして、下の段を振り分けます。分けられない場合は、下の段をやめて箇条書きにします。並列の項目は、見出しにしなくても伝わります。選択肢は2つあります。

逆に、下の段が1つだけの場合も見直します。1つしかないなら、分ける必要がなかった可能性があります。入れ子は、2つ以上に分かれるときに意味を持ちます。1つだけなら、上の段に含めてしまいます。階層が浅くなり、読みやすくなります。

下の段の数判断対応
0分ける必要がないそのままでよい。無理に下の段を作らない
1分けた意味が薄い上の段に含めるか、もう1つ足す
2から7扱いやすい範囲そのままでよい
8以上目次として読みにくい上の段を増やして振り分ける

深さについても、目安があります。4つめの段より深くすると、位置が分からなくなります。3つめの段までで収めるのが、扱いやすい範囲です。それより細かい区分は、箇条書きにします。深さと幅の両方に、上限があります。

見出しに入れる言葉の選び方

段の当て方が決まったら、文字を書きます。見出しの文字にも、階層を反映させます。下の段は、上の段より具体的な言葉になります。これが逆になっていると、階層と内容がずれます。番号は合っているのに、読むと不自然な状態です。文字の側でも確かめます。

よくあるずれは、下の段のほうが広い話になっている形です。「初期費用」の中に「費用の考え方」が入っている形です。内容としては、逆の入れ子になっています。この場合、段の当て方ではなく構成を直します。文字が、構成の誤りを教えてくれます。

見出しの文字の長さにも、目安があります。上の段は短く、下の段は長めになります。上の段は主題、下の段は主題の中の具体という関係だからです。上の段が長い場合は、絞り込みが足りません。長さも手がかりになります。

同じ言葉を、複数の見出しで繰り返さないようにします。上の段の言葉を、下の段でもう一度書く形です。階層で表されている情報を、文字で重ねる必要はありません。重ねると、目次が読みにくくなります。下の段では、差分だけを書きます。

なお、検索されている言葉を入れる意識も必要です。ただし、階層の正しさより先に置くものではありません。階層が正しい範囲で、言葉を選びます。順序を守れば、両立します。どちらかを捨てる話ではありません。

装飾の枠が階層を壊すことがある

見出しの階層は、装飾の部品によっても壊れます。囲みの枠や、手順の表示の中に見出しを入れた場合です。枠の中の見出しも、記事全体の階層の一部として数えられます。枠の中だけの階層にはなりません。ここが見落としやすい点です。画面では、独立して見えるためです。

たとえば、2つめの段の下に囲みの枠を置きます。その枠の中で、2つめの段を使ってしまう。画面では枠の中の見出しに見えます。しかし階層としては、同じ深さの節が並んだ形です。枠の外に出たことになります。

この事故は、部品を組み合わせるほど起きやすくなります。枠の中に手順、その中に見出し、という入れ子です。組み合わせた結果の階層は、画面を見ても分かりません。番号だけを抜き出して確かめる必要があります。目で見た印象は、頼りになりません。

  • 枠や手順の中の見出しも、記事全体の階層に含まれる
  • 枠の中だけで段の番号が数え直されることはない
  • 装飾の部品を重ねるほど、階層の事故が起きやすくなる
  • 画面の見た目ではなく、段の番号を抜き出して確かめる

安全な作り方は、枠の中では見出しを使わないことです。枠の中の小見出しは、太字で作ります。枠は本文の一部であり、区切りを作る場所ではありません。この方針にすれば、事故が起きません。迷う場面が減ります。

公開済みの記事の階層を点検する手順

すでに公開している記事の点検も必要です。本数が多い場合、全部を開いて読むのは現実的ではありません。段の番号だけを抜き出して、並びを見る方法にします。本文の中身は読まなくてかまいません。番号の並びだけで、問題のある記事が分かります。点検の形が変わります。

見るのは、3つの型です。1つめは、一番上の段が2つ以上ある記事です。2つめは、番号が飛んでいる記事です。3つめは、下の段が1つだけの節がある記事です。この3つで、ほとんどの問題が拾えます。

優先順は、影響の大きさで決めます。一番上の段が複数ある記事から直します。検索の結果の表示に、直接つながる問題だからです。次に、番号の飛びを直します。下の段が1つだけの節は、後回しでかまいません。

直す作業自体は、単純です。段の番号を変えるだけで、文章は触りません。ただし、見た目が変わることは事前に確かめます。文字の大きさが変わると、印象が変わります。1本で試してから、まとめて進めます。

点検は、一度で終わらせなくてよい作業です。月に1回、新しく公開した記事だけを見る形にします。溜めると、着手しにくくなります。少しずつ進めるほうが、続きます。続けられる形にすることが大切です。

生成AIに階層の点検を任せる範囲

点検の一部は、任せられます。任せられるのは、番号の並びを見る作業です。見出しの文字と段の番号を渡し、飛びと重複を探させます。これは機械的な判定なので、間違いが起きにくいところです。件数が多いほど、効果が出ます。任せる範囲を決めます。

任せにくいのは、構成そのものの判断です。どの話がどの話の中に入るかは、内容を理解する必要があります。記事の目的や、読む側の前提によって変わります。ここは人が決めます。任せると、もっともらしい誤りが混じります。

案を出させる使い方は、有効です。見出しの並びを渡して、入れ子の案を出してもらいます。出てきた案を見て、自分の意図と比べます。違いがあれば、そこが説明の弱い箇所です。点検の材料として使えます。

頼み方には、条件があります。見出しの文字だけでなく、段の番号も一緒に渡します。番号がないと、階層の判定ができません。文字だけを渡すと、内容から推測した答えが返ります。実際の階層とは、別のものになります。

出力の形も指定します。問題のある箇所と、その理由だけを返させます。記事全体の書き直し案は、求めません。点検と書き直しを分けると、確かめやすくなります作業も短く済みます。

押さえておきたい言葉の意味

階層の話には、いくつかの用語が出てきます。意味を短く整理しておきます。用語を知らなくても作業はできますが、調べるときに役立ちます。検索して出てくる説明が、読めるようになります。3つだけ押さえます。深く覚える必要はありません。

1つめは、段の番号を表す言葉です。一番上から順に、h1からh6までの6段が使えます。実務で使うのは、h2からh4あたりです。h1は記事の題名に使われます。h5とh6は、ほとんど使いません。

2つめは、文書の外形という考え方です。記事の中に独立した区画を作り、その中で段を数え直す設計です。設計としては存在しますが、道具の側の対応が進みませんでした。そのため、実務では使わない前提にします。名前だけ知っておきます。

3つめは、目次です。見出しから自動で作られる一覧のことです。階層が正しいかどうかは、目次を見れば分かります。階層の点検の道具として使えます。読む側の役に立つだけの機能ではありません。

これらの用語は、外部の説明を読むときに出てきます。意味が分かっていれば、必要な部分だけ拾えます。全部を理解する必要はありません。作業に必要な範囲で足ります。そこは割り切ります。

直したあとに何を確かめるか

階層を直したあと、確かめることが3つあります。目次の見え方、検索の結果の題名、そして読み上げの一覧です。この3つは、それぞれ別の仕組みで作られます。1つを見ただけでは、直ったかどうか分かりません。順に確かめます。どれも短時間で済みます。

目次は、すぐに確かめられます。記事を開いて、目次の入れ子が意図と合っているかを見ます。太字で代用していた箇所が、目次に出てくるかも見ます。その場で結果が分かる確認です。最初に見ます。

検索の結果の題名は、時間がかかります。記事が読み直されるまで、表示は変わりません。数日から数週間の幅で見ます。変わらない場合もあります。書き換えを止められるとは限らないためです。

読み上げの一覧は、道具を入れれば確かめられます。見出しの一覧を出す操作で、段の番号が読まれます。番号が1、2、3、3、2と並べば、階層は正しく伝わっています。飛びがあれば、直し漏れです。最終の確認として使えます。

確かめる順番は、この3つで固定しておきます。毎回同じ順で見れば、抜けが出ません。目次で形を見て、読み上げで番号を聞き、最後に検索の表示を待つ。前の2つはその日のうちに終わります。残りは、次の月の点検で見ます。

記録も、簡単に残します。直した日付と、直した記事の名前だけで足ります。次の点検で、どこまで進んだかが分かります。記憶では、続きません。

なお、順位の変化を確かめようとしないほうがよいです。階層の修正は、順位に直接効く作業ではありません。構造が正しく伝わる状態を作る作業です。効果は、他の改善と混ざって現れます。切り分けて測るのは、難しい部分です。

記事を書く前の段階でも、確かめられることがあります。目次の案を作った時点で、番号の並びを見ておきます。この時点なら、行を上下させるだけで直せます。公開後に直すと、見た目の確認まで必要になります。手間の差が、大きく開きます。前に寄せるほど、作業が軽くなります。

チームで書いている場合は、決めごとにしておきます。一番上の段は本文で使わない、段は飛ばさない、枠の中では見出しを使わない。この3つを書いた紙を、共有の場所に置きます。毎回の点検で見つかる問題が、目に見えて減ります。点検より、防ぐほうが早い作業です。

外部に記事を頼んでいる場合も、同じことを伝えます。文章の質とは別に、構造の条件として渡します。受け取ってから直すのは、こちらの手間になります。条件として先に示せば、直す作業が発生しません。渡す条件は、この3つで足ります。

まとめ

見出しの段は、見た目の大きさを決める指定ではありません。記事の骨組みを機械に伝える部品です。一番上の段は記事に1つ、段は飛ばさない。この2つを守るだけで、構造は正しく伝わります。見た目は、別の手段で調整できます。

点検は、段の番号だけを抜き出して並びを見ます。一番上の段が複数ある記事から直し、次に番号の飛びを直します。確かめるのは、目次、検索の結果の題名、読み上げの一覧の3つです。作るときは、目次を先に作ってから本文に写してください。書き直しが、大きく減ります。

※本記事にはAIが活用されています。編集者が確認・編集し、可能な限り正確で最新の情報を提供するよう努めておりますが、情報の完全性、正確性、最新性、有用性等について保証するものではありません。本記事の内容に基づいて行動を取る場合は、読者ご自身の責任で行っていただくようお願いいたします。

AI×SEOに取り組む前に、社内のAI導入環境から整えませんか?

デボノはアカウント開設・初期設定など「そもそものAI導入」から社内定着まで伴走支援。マーケティング活用など一歩進んだご相談にも対応します。

運営会社:株式会社デボノ

目次