新人ディレクターだった頃、私は初めて任されたディレクトリマップ作成で、見事に現場を混乱させたことがあります。「とりあえず全部のページを書き出せばいいんだろう」という感覚で作った表は、階層の粒度がバラバラで、デザイナーからは「このページ、どの階層のつもりですか」と何度も聞かれる始末でした。
ディレクトリマップは、作り方の「型」さえ押さえれば決して難しいものではありません。ただし、型通りに項目を埋めるだけでは、現場で本当に機能する資料にはなりにくいのも事実です。この記事では、必要な項目と作成手順に加えて、私が現場で何度も見てきた「よくある失敗」もあわせてお伝えします。
ディレクトリマップとは？Web制作での役割
ひとことで言うと「サイトの設計図」
ディレクトリマップとは、Webサイトを構成するすべてのページの情報を一覧にまとめた資料です。ページのURL・階層・タイトルなどをひとつの表に集約し、サイト全体を俯瞰できるようにしたものと考えてください。
新規サイト制作でもリニューアルでも、制作に関わるメンバー全員が「今回作るサイトにはどんなページがあるのか」という共通認識を持つために使います。いわば、家を建てるときの設計図のようなものです。
サイトマップとの違い
ディレクトリマップとよく混同されるのが「サイトマップ」です。ざっくり言うと、ディレクトリマップは制作チーム内で使う管理用の資料で、サイトマップはユーザーや検索エンジン向けに公開されるものという違いがあります。
サイトマップの種類や、ディレクターとして押さえておくべきポイントについては、以下の記事で詳しく解説していますので、あわせてご覧ください。
関連記事：サイトマップとは？種類の違いとディレクターが実務で押さえるべきポイント
ディレクトリマップを作る目的とタイミング
新規サイト制作の場合
新規制作の場合は、要件定義でサイトの目的やターゲットを固めたあと、サイト構造をディレクトリマップに落とし込んでいく流れが一般的です。要件定義の内容が曖昧なままディレクトリマップを作り始めると、後から「このページ、そもそも必要だったっけ」という手戻りが起きやすくなります。要件定義の進め方については、以下の記事もご参考にしてください。
関連記事：Webディレクターの要件定義とは？仕事内容・進め方・要件定義書の作り方を解説
既存サイトのリニューアルの場合
リニューアルの場合は、まず現行サイトのページを棚卸しし、その情報をディレクトリマップに落とし込むところから始めます。現状把握が先、新しい構造の設計は後、という順番になる点が新規制作との大きな違いです。
ディレクトリマップに入れる必要項目
まずは最低限入れておきたい項目からご紹介します。
| 項目 | 内容 |
|---|---|
| 管理No | ページごとの通し番号 |
| 階層 | 第1階層・第2階層など |
| URL | ページのパス |
| ページタイトル | title要素になる文言 |
| メタディスクリプション | 検索結果に表示される説明文 |
| SEOキーワード | そのページで狙うキーワード |
| 進捗ステータス | 未着手・作業中・確認中・完了など |
サイトの規模やプロジェクトの性質によっては、以下のような項目を追加することもあります。
- canonicalタグ（重複ページがある場合の正規URL指定）
- noindexタグ（検索結果に表示させたくないページの指定）
- リダイレクト元URL（リニューアルで旧URLから転送する場合）
これらはすべてのプロジェクトに必要というわけではありません。プロジェクトの規模や、SEOでどこまで細かく管理したいかに応じて、必要な項目を取捨選択するのが実務上の判断になります。
ディレクトリマップの作り方【5ステップ】
具体的な作成手順は、次の5ステップで進めます。
STEP1 全ページを洗い出す
まず、制作する予定のページ、または既存サイトにあるページをすべて一覧化します。この段階では階層やURLはまだ決めなくてかまいません。とにかく「漏れなく書き出す」ことを優先します。
STEP2 階層構造を決める
洗い出したページを、TOPページを第1階層として、カテゴリ・詳細ページと階層別に整理していきます。
STEP3 URL・ページタイトルを決める
各ページのURLとタイトルを、内容が一目で伝わる形で決めていきます。「/page1/」のような機械的なURLより、「/service/」のように内容がわかるURLの方が、運用時にも管理しやすくなります。
STEP4 SEO関連項目を埋める
メタディスクリプションやSEOキーワードなど、SEOに関わる項目を埋めていきます。1ページに対してSEOキーワードを詰め込みすぎると、逆に検索エンジンからの評価が下がりやすくなるため、1ページ1テーマを意識するのが基本です。
STEP5 チームですり合わせる
完成したディレクトリマップを、デザイナー・コーダー・エンジニアなど関係者で確認し、認識のズレがないかすり合わせます。この工程を飛ばしてしまうと、後の工程で「このページ、聞いていた内容と違う」という食い違いが発生しやすくなります。
現場でよくある失敗と対策（ディレ和尚の実務目線）
ここからは、私が現場で実際に見てきた（そして自分でもやってしまった）失敗パターンをお伝えします。
粒度がバラバラになる
あるページは詳細ページまで細かく分けているのに、別のカテゴリはざっくりまとめただけ、というムラが起きがちです。作成前に「どこまで細かく分けるか」の基準をひとつ決めておき、途中で迷ったら最初のルールに立ち返ることをおすすめします。
作って終わり、更新されずに形骸化する
ディレクトリマップは、公開後にページが追加・削除されても更新されないまま放置されるケースが少なくありません。結果として、数か月後には実態と違う資料になってしまいます。誰が・いつ更新するかを、プロジェクトの初期段階で決めておくと安心です。
クライアントと制作チームで見る項目がズレる
クライアントに見せる資料と、制作チーム内で使う管理表を同じフォーマットで運用しようとすると、情報量が合わずどちらかが使いにくくなります。クライアント向けにはページ構成が伝わる簡易版、制作チーム向けには進捗やSEO項目まで含めた詳細版、と分けて考えるのも一つの方法です。
効率化に使えるツールの考え方
ディレクトリマップは、ExcelやGoogleスプレッドシートで手作業で作成するのが基本ですが、既存サイトのリニューアルでページ数が多い場合は、URLを自動で収集してくれるツールを使うと工数を大きく削減できます。
ただし、自動生成ツールで出力される情報はあくまで「素材」です。階層分類やSEOキーワードの検討など、実際の判断が必要な部分は、結局のところ人の手で整えていく必要があります。ツールに丸投げするのではなく、あくまで洗い出し作業を効率化するための手段と捉えるのがおすすめです。
まとめ
ディレクトリマップは、項目を埋めること自体は難しくありません。大切なのは、粒度の基準を最初に決めること、そして作って終わりにせず、運用フェーズでも更新し続けることです。今回ご紹介した手順を土台に、ぜひご自身のプロジェクトに合った形にアレンジしてみてください。
ディレ和尚のひとこと
地図は描いて終わりにあらず、歩きながら書き足してこそ道しるべとなるなり。
