Webサイト制作に必要な3種類のサイトマップ【違いを解説】

「サイトマップを作っておいてください」

こう聞いて、どのようなサイトマップ を思い浮かべるでしょう。おそらく Web制作に詳しい人ほど迷うのではないでしょうか。

そう、ご存知の通りサイトマップは複数の種類があります。もちろん、それぞれに作成目的は異なります。

本来なら同名ドキュメントは認識違いのトラブルが起こりそうなものです。実害が少ない（と思われる）のは利用フェーズが異なっていたり、前後文脈から推測できるからなのかもしれません。しかしそれは3種類の役割を知っているからであって、知らない人にとっては混乱の元になるでしょう。この記事を書いている私でさえ、サイトマップと聞く時「どれのこと？」とモヤモヤを毎回感じてしまいます。

本記事は 「3種類のサイトマップの違い」をまだ知らない方に向けて書いています。読後、違いが明確に分かり、認識違いのトラブルが少しでも起こらなくなれば良いなと思っています。理解が曖昧な方もこれを期におさらいとしてお読みいただければ幸いです。

サイトマップは３種類ある

早速ですが、Webサイトの制作過程には下記３つのサイトマップがあると認識しています。

ビジュアルで見比べてみると全然別物だとわかりますね。次に、役割の違いを明確にするため表にまとめてみました。

この表からは各サイトマップは利用されるフェーズも目的・利用者も異なることが分かります。これら３つの違いが分かったところで、それぞれをもう少し詳しく解説していきます。

①サイトマップ（サイト構造の俯瞰図）

サイトマップの名称について

上記のようなサイトマップについては呼び方や図の表現方法が様々あります。詳しい解説は本記事では触れませんが制作会社によっては、「ハイレベルサイトマップ」「サイト構造図」「サイトストラクチャ」など明確に区別して呼んでいる場合があります。

作成する目的
・Webサイトを俯瞰し構造を理解する。
・サイト構造の大枠を決める。

利用者
プロジェクトメンバー
・クライアント
・ディレクター
・デザイナー、エンジニアなど

特徴
・プロジェクト初期、サイト構造の合意形成のために作られる。
・企画書の中に盛り込まれることが多い。
・作成は主に制作会社のWebディレクターが行う。

※本記事では触れませんが、関連サイトやSNSとの関係性を表現しやすいドキュメントです。全体俯瞰のために利用されることが特徴と言えます。

②サイトマップ（Webページ）

利用者
閲覧ユーザー

作成する目的
閲覧ユーザーがサイト全体の構成を見渡せるようにしたWebページです。目的のコンテンツ発見しやすくなり、ユーザビリティが向上します。

特徴
・ユーザーが利用するWebページ。ファイル形式は.htmlやphpなど。
・表記は「サイトマップ」であることが一般的。
・コンテンツの種類が多いWebサイトではよく作成される。
・フッター内に簡易的なサイトマップの役割を持たせるケースも見られる。

③サイトマップ（XML）

作成する目的
クローラビリティを向上させ検索結果に表示させるため。
・Webサイトの構造を検索エンジンに伝える。
・どのページからもリンクされていない孤立したページを伝える。
・ページの更新・追加を検索エンジンに伝える。

利用者
検索エンジンのクローラー

特徴
・XMLでマークアップ。ファイルの拡張子は「.xml」。
・主にWebディレクターが作成（CMSで自動化も可）
・Googleも「サイトマップ」と表記している。
・もしサイトマップ（XML)を準備しなくてもクローラーがページを発見してくれるかもしれませんが、確実にページを知らせるために作成・通知したほうがよいでしょう。