1. ホーム
  2. 通読
  3. 部4 一手
  4. 4-5

部4 一手 4-5

情報設計、原稿とデザイン、導線と公開

この章で決めること:ページの棚卸しの表を作り、原稿の最低項目を書き、公開前のチェックを自分で通す。

読む目安 25分 / 最終確認 2026-11-11 / 元の章:再構成入門 22(施策の実行 06・07・08)

ページの棚卸しとサイトマップ

増やす前に、残す・まとめる・捨てるを決めます。

今あるページを表にします。列は、URL、役割(誰のどの段階か)、流入の有無(Search Console と GA4)、更新日、判定(残す/まとめる/捨てる/新しく作る)です。

中小企業の基本のページ

  • トップ:誰の何を終わらせるか
  • サービス(1〜3):何をして、何をしないか
  • 事例の一覧と、1件ずつのページ
  • 会社と人
  • 問い合わせ
  • 必要なら:特定商取引法の表示・個人情報の扱い、用途別・地域別の受け皿。採用は別の系統

お役立ちのブログは、営業がお客さんに送れるものだけ残します。薄い一般論は、noindex にする前に、まとめるか、中身を事例に寄せます。

URL

今、検索から人が来ているURLは、できるだけ残します。変えるなら、古いURLから新しいURLへ恒久的なリダイレクト(301)をかけます。Google は、301などの恒久的なリダイレクトで評価が失われることはないと説明しています。新しい見た目のために、効いている事例のURLを消しません。

お金になるページ(サービス・事例・相談)へ、トップと記事から同じ言葉でつなぎます。ナビの項目は6個までにします。主戦場が1つなら、ナビの主語も1つです。

原稿が先、デザインはあと

見た目は約束の入れ物です。約束が空のままデザインすると、きれいな会社概要ができます。

ページの原稿の最低項目

  • このページの主戦場(誰の、どの状況か)
  • ファーストビューの見出し(結果)と、1行の根拠
  • 向かない人
  • 事例または過程(写真は現場。できれば条件と結果)
  • 次の一歩(相談/電話/資料)と、そのあとに起きること

価値の一文(誰が、何をしたいときに、自社は、ほかと違うどんな結果を出すか)を、トップと広告で使い回します。

デザインを頼む1枚

  • 誰に読んでほしいか(年齢や「おしゃれ」ではなく、状況で)
  • 参考:約束が近いサイト。遠いもの:高級感だけ、スライドの多用
  • スマホが本番。パソコンはあと
  • 写真:作業中、顔、施工の前と後。素材写真は最後
  • やってほしくないこと:自動で動くスライダー、音楽、長い読み込みの画面
決める順番

文言 → 構成(どこに何があるか)→ デザイン。色から入ると、見出しの議論が消えます。社長の好みは最後の1割です。

原稿に置かない言葉

「最安」「必ず」「No.1」は、根拠と範囲が言えないなら原稿に置きません。消費者庁は2024年9月の報告書で、実際に使っていない人へのイメージ調査をもとにした「No.1」などを、景品表示法の不当表示(優良誤認)のおそれがあると整理しています。比べた範囲・調査の方法・時期を、表示の近くに書けるときだけ使います。お客様の声と顔写真は、掲載の許可を取ってから。ここはデザインの前に決めることです。

押しやすさと速さ

ボタンやリンクの大きさ、文字と背景のコントラスト、画像の大きさの指定は、使いやすさと表示の速さの両方に効きます。

  • 押す場所:WCAG 2.2 の達成基準 2.5.8(レベルAA)は、押せる部分を24×24 CSSピクセル以上にするか、まわりに同じだけの余白を取ることを求めています
  • 速さ:Google の Core Web Vitals は、LCP(読み込み、2.5秒以内)、INP(操作への反応、200ミリ秒未満)、CLS(表示のずれ、0.1未満)の3つです

PageSpeed Insights で100点を取ることより、親指で問い合わせできることが先です。

問い合わせ導線、公開、計測を残す

きれいに公開して計測が消える。これが中小企業の改修で、いちばん高い失敗です。

導線

  • 主な問い合わせボタンは1つ(相談する)。ほかは電話か資料
  • フォームは本当に要る項目だけ。住所の詳細は、見積の前なら要らないことが多い
  • サンクスページに、返信の目安と、急ぎのときの電話
  • 問い合わせの受信先が、担当個人の迷惑メールに落ちないか

公開前のチェック(自分で通す)

  • スマホで、トップから送信完了まで
  • GA4 のリアルタイムで、キーイベントが1件立つ
  • 広告を出すなら、広告の側のコンバージョンも1件。同じ1件を二重に数えない
  • 旧URLで残したいページが、リダイレクトされる
  • Search Console に新しいサイトマップ。大事なページが noindex になっていない
  • 404 が出ない。特に事例と問い合わせ
  • SSL(https)と、www の有無の統一
  • 特定商取引法・個人情報など、必要な表示のページが生きている
  • ビジネスプロフィールのウェブサイトのURLが、公開後の正しいページを指している

記事を1本出すときの細かい手順は、記事を1本出すときの手順にまとめています。

公開の当日

文言の大きな変更は止めます。社内に「URLが変わるページ」を伝えます。名刺とビジネスプロフィールのウェブサイトのリンクを確かめます。1週間は、フォームと電話の取りこぼしだけを見ます。旧サイトのバックアップ(または書き出し)があるかも、公開の前に一度見ます。

確認用の環境

本番にいきなり載せません。テスト用のサンクスページの表示が、本番の成果に混ざらないようにします。GA4 の内部トラフィックの除外(社内のIPアドレスを定義してフィルタで除く)を入れておくと、公開後に自分のテストが数字を汚しません。

この章で使う道具 記事を1本出すときの手順 現場チェック 記入シート集:企画1枚

この章のチェック

この章で起きやすい失敗

  • 新しい見た目のために、効いている事例のURLを消す
  • 公開してから、キーイベントが消えていたと気づく
  • 公開の当日に、文言を大きく変える

ほかの領域の失敗は よくある失敗(領域別) にまとめています。

出典とこの章の扱い

  1. 本文:経営学まとめ「再構成入門 22. 情報設計、原稿とデザイン、導線と公開」(2026-08-21版)を移植。施策の実行 06・07・08 は入門の側に吸収済み。「048のとおり」は旧資料の番号なので、部2の受け皿の章へのリンクにした。「ナビは7個以上並べない」は「6個まで」と言い直した
  2. Google 検索セントラル「サイト・ホームページ移行について」 https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes?hl=ja(確認日 2026-11-11)。301などの恒久的なリダイレクトで PageRank は失われない
  3. Google 検索セントラル「Core Web Vitals と Google 検索の検索結果について」 https://developers.google.com/search/docs/appearance/core-web-vitals?hl=ja(確認日 2026-11-11)。LCP 2.5秒以内、INP 200ミリ秒未満、CLS 0.1未満
  4. W3C「Web Content Accessibility Guidelines (WCAG) 2.2」 2.5.8 Target Size (Minimum) https://www.w3.org/TR/WCAG22/#target-size-minimum(確認日 2026-11-11)。押せる部分は24×24 CSSピクセル以上(例外あり)
  5. 消費者庁「No.1表示に関する実態調査報告書」(2024年9月26日公表) https://www.caa.go.jp/policies/policy/representation/fair_labeling/survey/(確認日 2026-11-11)。合理的な根拠のないNo.1表示は優良誤認のおそれ
  6. Google アナリティクス ヘルプ「内部トラフィックの除外」 https://support.google.com/analytics/answer/10104470?hl=ja(確認日 2026-11-11)。IPアドレスで内部トラフィックを定義し、データフィルタで除く
  7. ページの棚卸しの列、原稿の最低項目、公開前のチェック:この資料の判断