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

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

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

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

中小企業の基本のページ

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

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

URL

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

内部リンク

お金になるページ（サービス・事例・相談）へ、トップと記事から同じ言葉でつなぎます。ナビの項目は6個までにします。主戦場が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週間は、フォームと電話の取りこぼしだけを見ます。旧サイトのバックアップ（または書き出し）があるかも、公開の前に一度見ます。

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