ホームページのサイトマップ（ページ構成）の作り方｜会社サイトの階層の決め方と見本

サイトマップとは

ここでいうサイトマップは、ホームページ全体のページの構成を、トップページを頂点にした木の枝のような図で表したものです。制作の現場では「サイト構成図」「ディレクトリマップ」と呼ばれることもあります。

同じ「サイトマップ」と呼ばれる別のもの

「サイトマップ」という言葉は、ほかに2つの意味で使われることがあります。混同しないように整理しておきます。

XMLサイトマップは、ホームページを公開した後に、検索エンジンにページを見つけてもらいやすくするためのものです。WordPressでは自動で作られます。詳しくはXMLサイトマップを参照してください。

手順1：ホームページの目的と見に来る人を決める

まず、ホームページで何をしたいのか、誰に見てもらいたいのかを決めます。目的によって、必要なページが変わるからです。

• 新しいお客様からの問い合わせを増やしたい → 事業内容、実績、料金、問い合わせのページを充実させる
• 取引先に会社の信頼を伝えたい → 会社概要、沿革、代表あいさつ、取引先などを充実させる
• 人を採用したい → 仕事内容、社員の声、募集要項、応募のページを充実させる

目的と見に来る人は、ホームページの要件として最初に決めておくものです。決め方はホームページの要件の決め方で説明しています。

手順2：必要なページを書き出す

目的に合わせて、必要だと思うページをすべて書き出します。この段階では、多すぎても構いません。付箋に1枚1ページずつ書いていくと、後でグループに分けやすくなります。

会社のホームページでよく作られるページは、次のとおりです。

最初から全部そろえる必要はありません。小さな会社なら、トップページ、事業内容、会社概要、実績、お問い合わせの5ページから始めることも多くあります。考え方は小さな会社は5ページからを参照してください。ホームページに載せる内容の詳しい考え方は会社のホームページに載せる内容で説明しています。

手順3：ページをグループに分ける

書き出したページを、内容の近いものどうしでまとめます。たとえば「会社概要」「代表あいさつ」「沿革」「アクセス」は「会社案内」というグループに、「サービスA」「サービスB」は「事業内容」というグループにまとめられます。

グループに分けるときは、作る側の社内の部署の分け方ではなく、見に来た人が探すときの考え方で分けることが大切です。見に来た人は、会社の組織図を知りません。「何をしている会社か」「頼んだらどうなるか」「どこにあるか」といった、知りたいことの単位でまとめましょう。

手順4：階層を決める

グループに分けたら、トップページの下に何を置き、その下に何を置くかという「階層」を決めます。

階層は浅くする

階層が深いと、目的のページにたどり着くまでに何度もクリックが必要になり、見に来た人が途中で離れてしまいます。会社のホームページなら、トップページを第1階層として、第2階層、第3階層くらいまでに収めるのが目安です。

増えていくページの置き場所を決めておく

実績、お知らせ、ブログなど、公開した後に増えていくページは、「一覧のページ」と「1件ずつの詳細のページ」に分けておきます。そうすれば、件数が増えても構成を変えずに済みます。WordPressでは、投稿とカテゴリーの機能で、この形を作りやすくなっています。

ページのアドレスも決めておく

各ページのアドレス（URL）の付け方も、この段階で決めておくと後で迷いません。会社概要なら /company/、事業内容なら /service/ のように、短く、内容がわかる英字にするのが一般的です。WordPressでのアドレスの設定はパーマリンクの設定で説明しています。

手順5：メニューに出すページを決める

階層が決まったら、画面の上部に表示するメニュー（グローバルナビゲーション）に、どのページを出すかを決めます。

メニューに並べる項目は、多すぎると選びにくくなります。第2階層のページのうち、見に来た人がよく探すものを中心に、5〜7個程度にまとめるのが一般的です。お問い合わせは、メニューの右端にボタンとして目立たせることが多くなっています。

プライバシーポリシーのように、必要だけれどよく探されるわけではないページは、フッターに置くのが一般的です。メニューの設定方法はメニューの設定で説明しています。

業種別のページ構成の見本

業種によって、見に来た人が知りたいことは変わります。代表的な例を挙げます。

サイトマップづくりでよくある失敗

社内の組織図をそのままページにしてしまう

「営業部」「製造部」「総務部」のように、社内の部署ごとにページを分けてしまうと、見に来た人にはどこを見ればよいのかわかりません。見に来た人が知りたいのは、部署の分け方ではなく、「何をしてもらえるのか」「頼んだらどうなるのか」です。グループ分けは、見に来た人の目線で行いましょう。

中身のないページを作ってしまう

「よくある質問」「お客様の声」などのページを、内容が集まる前に作ってしまうと、数行しかない薄いページになります。内容が少ないページは、見に来た人の役に立たないうえ、会社の印象も弱くなります。内容がそろってからページを作るか、ほかのページの一部として載せることを考えましょう。

同じ内容のページが複数できる

「サービス紹介」と「事業内容」、「お知らせ」と「ブログ」のように、似た名前のページを別々に作ると、どちらに何を載せるかが曖昧になり、更新のたびに迷うことになります。ページの名前と役割を、サイトマップの段階で1つずつはっきりさせておきましょう。

公開後の更新を考えていない

公開のときには完成していても、実績やお知らせを誰がどのくらいの頻度で更新するかを決めていないと、古い情報のまま放置されがちです。増えていくページについては、更新の担当者と頻度もサイトマップに書き添えておくとよいでしょう。

できあがったサイトマップの使い方

サイトマップができたら、次はページごとに、何をどの順番で載せるかを決めるワイヤーフレームを作ります。ワイヤーフレームについてはワイヤーフレームとはを参照してください。

サイトマップは、原稿と写真の準備の一覧表としても使えます。各ページの横に、担当者、原稿の締め切り、必要な写真を書き込んでおくと、制作の進み具合を管理しやすくなります。制作全体の流れはホームページ制作の流れで説明しています。