ホームページの構成｜会社サイトに必要なページと問い合わせ導線

誰の、どの判断を助けるサイトかを決める

会社サイトには、営業、信用確認、採用、既存顧客への案内など、複数の役割があります。すべてを同じ強さでトップページに並べると、初めて来た人がどこへ進めばよいか迷います。まず最も優先する目的を一つ決め、ほかの目的への入口を補助的に設けます。

紹介を受けた人が会社の概要を確認することが中心なら、事業内容、運営主体、連絡先が分かる構成から始められます。一方、サービス名や課題から検索して来る人に相談してほしいなら、対象、対応範囲、事例、費用の条件、依頼手順が必要です。

構成会議では「営業を強化したい」から一歩進めて、「オフィス移転を担当する総務の人が、自社の条件を任せられるか判断し、相談できる」と書きます。採用も重要なら、応募者には仕事内容や働く環境を別の経路で案内します。サービスの問い合わせと応募を同じページで混ぜないほうが、それぞれの目的に沿って情報を置けます。

目的を絞ることは、会社の情報を削ることではありません。最初に見つけてほしい情報と、必要な人が探せる情報を区別する作業です。

必要な項目を、読者の疑問から洗い出す

会社案内の目次をそのままページに分ける前に、営業メールや初回打ち合わせで聞かれることを集めます。読者が社内に持ち帰って説明するために必要な情報も対象です。担当者が分かっていても、上司や購買部門には補足が必要なことがあります。

「必要な情報」と「独立したページ」は同じではありません。対応地域の説明が短ければサービス詳細に置けます。独立させるのは、その情報を直接探す人がいて、単独でも判断を助けるだけの内容があるときです。

材料がそろっていない項目は、掲載予定だけで埋めず、取材や確認が必要な内容として記録します。顧客名や写真、実績の数字は、公開許可の確認も構成段階で進めます。

最小限の会社紹介型は、五つの役割から始める

小規模な会社で、まず会社の存在と事業を伝えることが目的なら、トップ、事業紹介、会社情報、問い合わせ、情報の取り扱いに関する案内の五つを出発点にできます。これは構成例であり、すべての会社に共通する必要ページ数や法的要件を示すものではありません。

トップは会社が何をしているかを簡潔に伝え、事業紹介へ案内します。事業紹介は提供するサービスと対象を説明し、会社情報は運営主体を確認できる場所にします。問い合わせでは相談できる内容と受付の流れを示します。個人情報を受け付ける場合の案内は、自社の取り扱い方針と整合させてください。

構造は「トップから事業紹介・会社情報・問い合わせへ」「各ページの下部から情報の取り扱いの案内へ」が基本の一例です。送信完了や入力エラーなどの機能画面は、情報を読むページとは別に、制作対象として数えます。

事業が一つで説明が短いなら、トップ内に概要をまとめる選択もあります。ただし、サービス説明や会社情報を直接共有する場面が多ければ、独立したURLがあるほうが案内しやすくなります。ページ数の少なさだけで決めず、読者と担当者の利用場面に合わせましょう。

更新する予定がないのに、お知らせやブログの欄だけ用意する必要はありません。情報を追加する担当と、何を知らせるかが決まってから設けても構いません。

営業・集客型は、比較に必要な情報をつなぐ

比較検討から新規の相談へつなげたい場合は、会社紹介に加えて、サービス詳細、事例、費用の条件、依頼の流れを充実させます。トップはそれらを全部読み切らせる場所にせず、訪問者の関心に合う入口を案内する役割にします。

複数サービスがあるなら、一覧で違いを示し、詳細ページで対象と内容を説明します。一覧に「サービスA・B」と名前だけを並べるより、「レイアウトの設計を頼みたい」「内装工事まで相談したい」のように、選ぶ条件を添えると自分に合う先を探せます。

事例は写真の一覧だけで終えず、依頼時の課題、制約、担当した範囲、実施内容を載せます。成果数値がない場合は、無理に効果を作らず、仕事の進め方や設計上の判断を伝えます。関連するサービスへ戻るリンクを置き、事例を読んだ後も検討を続けられるようにします。

費用が案件ごとに変わるなら、見積もりの要素や必要な資料を説明します。依頼の流れでは、相談後のヒアリング、提案、契約、実施など、自社の実際の工程を示します。これらを独立ページにするか、サービス詳細の一部にするかは、サービス間で共通する内容の量によって決めます。

架空の内装会社で、完成した構成図をつくる

架空の「青葉オフィスデザイン」は、レイアウト設計と内装施工を提供する会社です。移転・改修を担当する総務担当者が、自社の条件を依頼できるかを判断して相談することを目的にします。以下の構成、文章、事例名、操作記録は説明用に作ったもので、実在案件や利用テストの実測ではありません。

まず「対応範囲」「根拠」「費用条件」「会社確認」「相談」の情報を集め、サービスと事例をそれぞれ一覧・詳細へ分けます。情報を読む11URLに送信完了1URLを加えた計12URLです。送信完了は共通メニューへ出さず、問い合わせが成功した後だけ案内します。

構成図は図形の数より、ページ名・URL案・役割・リンク先の対応が重要です。紙や表計算でも、1行を1URLにして親ページを書けば作れます。次の図の全体を先に合意してから、サービス詳細のワイヤーフレームへ進みましょう。

ページごとの役割を、一枚の設計メモにする

サイトマップが決まったら、各ページに「想定読者」「解く疑問」「載せる材料」「次の行動」「更新担当」を書きます。このメモがあると、原稿やデザインを見ながら、本来の役割を果たしているかを確認できます。

レイアウト設計ページの記入例：読者は移転準備中の総務担当者。疑問は、家具配置だけか、働き方のヒアリングや図面の作成まで頼めるか。掲載する材料は対象となる相談、成果物、進め方、必要な資料、対応外の仕事、関連事例。次の行動は、費用条件を確認するか、現状を伝えて相談すること。更新担当はサービス責任者とする、という設計です。

ページ内の順番は、対象と概要、具体的な対応内容、確かめられる事例、費用の条件、相談後の流れ、問い合わせを基本に検討します。緊急の相談が多い事業なら、対応可否や受付方法を先に置くなど、読み手の優先順位に合わせて変えます。

W3C WAIは、見出しが内容の構造を伝え、ページ内の移動にも使われることを説明しています。見出しだけを読んでも必要な情報の場所が分かるようにし、見た目の文字サイズだけで階層を決めないようにしましょう。

同じ会社紹介を全ページに長く繰り返す必要はありません。必要な要点をその場で伝え、詳しい説明へリンクすることで、ページの役割を保ちながら補足できます。

ページごとの役割を発注条件へまとめるには、サイト制作RFPの記入欄へ範囲・機能・素材の状態を転記します。

メニュー名とリンク文言を、読者の言葉にする

社内の部署名や独自のサービス名称だけをメニューに使うと、初めて来た人には内容が伝わらないことがあります。「事業推進ソリューション」のような言葉を使う場合も、具体的に何が分かる場所かを添えます。名称はページタイトル、メニュー、ボタンでできるだけそろえます。

主なメニューには、読者が頻繁に探す情報を置きます。共通フッターには会社情報や利用に必要な案内をまとめられます。ページ内では、「関連サービス」「この事例で担当した仕事」のように、本文を読んだ人に必要なリンクを置きます。すべてのページを同じ強さで並べることが、分かりやすさにつながるとは限りません。

Googleの内部リンクの案内でも、具体的で文脈に合うリンクテキストが推奨されています。「こちら」を繰り返すより、移動先で何を確認できるかが分かる言葉を使います。重要ページがサイト内のどこからも参照されていない状態も避けます。

スマートフォンのメニューでは、開いた後の項目名、順番、閉じ方まで確認します。WAIのメニュー構造の解説は、意味のある構造、現在位置の表示、画面サイズ間での一貫性を扱っています。構成案の段階でも、PCとスマートフォンで同じ情報を見つけられるかを確認しておきます。

公開サイトで、共通ナビと本文リンクを観察する

Sunday Parkの公式サービスページでは、共通ナビにAbout、Services、Works、Contactなどを置き、サービス本文には具体的な支援内容のリンクを置いています。2026年10月4日の公開画面とリンク先を確認した観察例です。

共通ナビのContactは、相談先を探している人の入口です。一方、本文の「記事LP制作」は、クリエイティブ制作支援の説明を読んで、特定サービスを確認したい人の入口になっています。本文リンクは /service/kiji-lp.html、共通のContactは /contact.html に向いていました。

この違いを自社へ置き換えるなら、共通ナビに「サービス」「事例」「相談」を置き、レイアウトページの事例紹介には「部署間の動線整理の事例」を置きます。全ページで同じボタンを繰り返すだけでなく、今読んだ内容に続くリンクを考えます。これは配置・文言の観察で、問い合わせ増加を実証するものではありません。

説明の近くに、具体的な行き先を置く

1. 支援カテゴリの概要を先に示す
2. サービス名に、依頼できる作業の短い説明を添える
3. 詳しく知りたい人を、そのサービスまたは相談先へ案内する

ページを分ける基準と、後から増やす基準

ページを分けるのは、読者の目的、説明するサービス、更新する担当のいずれかが明確に異なるときが目安です。レイアウト設計と内装施工で成果物や依頼条件が違うなら、それぞれの詳細ページを用意する理由があります。内容がほぼ同じなら、短いページを増やすより、違いが分かる一つのページに整理できないかを考えます。

判断用の質問は三つです。「この情報だけを探して来る人がいるか」「単独で読んでも疑問に答えられるか」「今後も更新する担当と材料があるか」。いずれも曖昧なら、既存ページの見出しとして置き、必要が確認できた段階で分ける方法があります。

初回公開では、サービスの内容と会社情報、相談経路を優先し、事例や解説記事を継続して増やす構成にもできます。後から増やす場合は、一覧と詳細のテンプレート、カテゴリの付け方、掲載許可を確認する工程を先に決めます。「ブログを追加する」だけでは更新体制は整いません。

ページ数を数えるときは、情報を掲載するURL、共通テンプレートの種類、初期入力件数、送信完了などの機能画面を区別します。構成案と見積もりの数量が対応していれば、追加したい情報が出たときにも、どの作業が増えるのかを説明しやすくなります。

記入済みテストから、修正と再確認を決める

初見の人へ答えを教えず、「図面が未完成でも相談できるか」「費用は何で決まるか」を探してもらいます。下は記録方法を示す架空の結果です。実際のテストでは、確認日時・参加者の条件・使用端末も添えます。

再テストで情報が見つかるようになったとしても、それだけで売上や問い合わせの効果とは言えません。操作上の課題と、公開後の受付結果は別に確認します。

自社用のページメモは「URL／親ページ／読者／解く疑問／必要な材料／主なリンク先／更新担当」。テスト記録は「課題／入口／最初に選んだ項目／発見できた情報／迷い／修正／再確認」です。構成図と両方をそろえれば、制作依頼と公開後の更新へ引き継げます。

公開後は、サービス条件が変わったときに本文だけでなく、事例・費用・フォームも一緒に見直します。制作の相談には、この構成案と既存URLを添え、Sunday Parkのサービス・相談窓口で必要な範囲をお確かめください。

公開後の回遊が相談につながらない場合は、問い合わせを増やすサイト診断で流入・説明・フォームのどこに課題があるかを確認します。

記入用ファイル

記入例と空欄ファイルをダウンロードして、自社用に書き換えてください。HTMLはブラウザー等、CSVは表計算ソフトで使えます。

• リンク付き構成・ページ見本（HTML）
• 完成サイトマップ（CSV）
• ページ設計メモ・空欄（CSV）
• 探しやすさの確認記録・空欄（CSV）

参考情報・出典

• Google 検索セントラル：リンクのベストプラクティス具体的で文脈に合うアンカーテキストと、重要ページを他のページから内部リンクで参照する推奨。／確認：2026-10-04
• W3C WAI：Headings見出しは内容の組織化を伝え、ページ内ナビゲーションに利用される。内容に応じた論理的階層の推奨。／確認：2026-10-04
• W3C WAI：Menu Structure意味のあるメニュー構造、現在の項目の表示、異なる画面サイズでの名称・順序・行き先の一貫性。／確認：2026-10-04
• Sunday Park：サービス一覧マーケティング・クリエイティブ制作支援の案内と相談導線。HP制作の専用プラン・料金・実績の根拠には使用しない。／確認：2026-10-04