More than 5 years have passed since last update.

サイトマップとは

Posted at 2020-02-02

Webエンジニアとして知っておくべき情報っぽいので、ネットから拾った情報を自分なりに整理してみた。

どんなもの？

サイト構成するページ全体を階層を意識して並べたもの

作る人
Webディレクターが中心となって作る。

見る人

直接的には、次工程であるワイヤーフレームの作成の土台を作るためであるが、
サイトを構成するページ全体を関係者(顧客/デザイナー/フロントエンジニア/バックエンジニア)に共有し、
合意を取りながら作ることで、その他以下の効果も得ることができる。超重要な工程である。

効果

サイトを構成するページの過不足発覚による工程の後戻りを防ぐ
→サイトマップが適当でページの抜けが発覚した場合など、ここから工程がやり直しになってしまうことになる。
ページの内容とその枚数を設定することにより、「工数」と「お金」を見積もる根拠にできる
→顧客とのスケジュール、予算面での調整の際にその根拠を示すことができるようになる。
サイトマップが固まったあとは、開発終了までサイトを構成するページの全体像を確認するドキュメントとして各関係者と共通認識を持ち続けることができる。

厳密にどのページからリンクが貼ってあるか？とかは意識しない。
- 必要なコンテンツの階層を整理するイメージ。
ログイン/非ログイン時のアクセス可/不可も考慮せず、全権限を持ったユーザーだと考える。
- 考慮しながらやると混乱する。
- アクセス不可にするのは必要ないコンテンツは利用できない方がいいというものであり、それはワイヤーフレーム作成の段階で決めればよい。コンテンツの階層を整理する段階では意識しない。
- 1. までできてから、各ページのアクセス権限について補足を加えるのはあり。(ワイヤーフレーム作成時の前提整理のために)
サイトマップができると、上階層ページから下階層ページへの本流となるリンクによる遷移が見える形になる。
- ワイヤーフレーム作成の段階で、目的のページへ一発で遷移できるような検索ボックスを設置することもあるだろうし、
  ショートカットするための本流以外のページ遷移をするリンクを設置することもあるだろうが、このサイトマップ作成の段階では意識しない。