見出しは、単に文章を大きく表示したものではありません。 ページの情報構造を整理し、 ユーザーが内容を短時間で理解するための目印です。

校正担当は、見出しそのものの誤字脱字だけでなく、 その見出しと本文の関係まで確認します。

見出しを拾い読みしてページを確認する

校正時には、本文をいったん読まず、 見出しだけを上から順番に確認する方法も有効です。

見出しだけを読んで、 ページの内容や順序が想像できるのであれば、 情報構造が比較的整理されていると判断できます。

逆に、「概要」「詳しくはこちら」「ポイント」 「その他」のような見出しばかりでは、 本文を読まないと何が書かれているのか分かりません。

Webページでは、 H1、H2、H3などの見出し要素を使って 情報の階層を表現します。

見た目では文字サイズや色で区別されていますが、 HTML上の見出しレベルも重要です。

見出しレベルが飛んでいないか

H2の次に突然H4が使われていたり、 見た目は小見出しなのにHTML上は ただのdiv要素だったりする場合があります。

これは文章校正だけではなく コーディング・アクセシビリティの確認にも関わりますが、 Web制作では校正担当が気付くこともあります。

同じ階層の見出しは粒度をそろえる

同じH2に設定されていても、 一つだけ細かすぎる内容を扱っている場合があります。

「フォームの入力方法」は 「お問い合わせ」の中に含まれる詳細項目として H3へ下げるほうが自然かもしれません。

このように、見出しの文章そのものだけでなく、 同じ階層に並べたときの粒度も確認します。

見出しは短い文章だからこそ、 表現の違いが目立ちます。

特に複数の担当者が原稿を作成したページでは、 見出しごとに文体や語調が変わりやすくなります。

どの形式が正しいということではありません。 サイトのブランドや対象ユーザーに合わせて、 同じ役割の見出しはできるだけ同じトーンでそろえます。

句点・疑問符の有無も統一する

「サービスの特徴。」 「料金について」 「よくある質問？」 のように、見出し末尾の記号が混在している場合も確認します。

見出しには原則として句点を付けない、 問いかけ型の見出しだけ疑問符を使うなど、 サイト内のルールを決めておくと判断しやすくなります。

漢字・ひらがな・英字も確認する

「お問い合わせ」と「お問合せ」、 「Webサイト」と「WEBサイト」、 「おすすめ」と「お勧め」など、 見出しは文字が大きいため、 表記ゆれが本文以上に目立ちます。

注釈は、本文だけでは説明しきれない条件や補足を 追加するために使われます。

商品ページでは価格条件、 キャンペーンでは対象期間、 採用ページでは資格条件など、 重要な情報が注釈へ入ることもあります。

本文の内容と矛盾していないか

本文で「すべてのお客様が対象」と書かれているのに、 注釈では「法人契約のみ対象」と記載されていれば、 重大な矛盾です。

注釈は小さく表示されることが多いため、 本文の強い表現を注釈でひっくり返すような構成になっていないかも 確認します。

注釈だけ読んでも意味が通じるか

「※対象外の場合があります。」 とだけ書かれていても、 何が対象外なのか分からない場合があります。

注釈は本文とセットで読むものですが、 ある程度単独でも意味が理解できる文章にしておくと、 誤解を防ぎやすくなります。

注釈で特に起こりやすいミスが、 本文側の記号と注釈側の番号が一致していないケースです。

番号が途中で抜けていないか

原稿修正の途中で注釈を削除すると、 ※1、※2、※4のように番号が飛ぶ場合があります。

必ずしも連番でなければならないわけではありませんが、 特別な理由がなければ 番号を振り直したほうが読みやすくなります。

同じ記号を別の意味で使っていないか

ページ上部の「※1」が料金条件、 下部の「※1」が画像の出典を示しているなど、 同じページで同じ記号が別の意味に使われることがあります。

セクションごとに注釈番号をリセットするルールであれば問題ありませんが、 ページ全体で一つの注釈体系として扱う場合は 重複を避けます。

注釈記号の形式を統一する

同じサイト内で「※」「*」「＊」が混在していると、 見た目だけでなく検索時にも扱いにくくなります。

「注釈は※1、※2の形式に統一する」など、 ルールを決めておくと確認しやすくなります。

スマートフォンで見出しが不自然に折り返されていないか

PCでは1行に収まる見出しでも、 スマートフォンでは2〜4行に折り返されることがあります。

「Webサイトの／制作について」のように 不自然な位置で改行されていないか、 一行だけ極端に短くなっていないかを確認します。

注釈が離れすぎていないか

PCでは対象文のすぐ下に注釈があっても、 レスポンシブ表示でカードが縦並びになると、 注釈だけがセクション最下部へ移動して 何に対する説明なのか分かりにくくなることがあります。

見た目の確認では、 注釈文そのものだけでなく 「どの情報を補足しているか」が視覚的に分かるかも確認します。

アコーディオンの中も確認する

FAQや料金表では、 注釈がアコーディオンやタブの中に入っている場合があります。

初期状態では見えないため、 ページを上から読むだけでは確認漏れが発生します。

CSSによる見た目とHTML構造を分けて考える

大きな文字だからH2とは限りません。 CSSで大きく表示されたdivやp要素である場合もあります。

逆に、HTMLではH2なのに、 デザイン上は本文とほぼ同じ大きさで 階層が伝わらない場合もあります。