簡単に考えすぎてませんか?ディレクトリマップの正しいつくり方
2023.11.09
目次
ホームページ制作に不可欠な「ディレクトリマップ」。サイト全体の構造設計やコンテンツの抜け漏れを防ぐことも含めてとても重要なツールです。 この記事ではディレクトリマップに焦点を当て、類似ツールの「サイトマップ」との違い、そしてSAVVYなりのディレクトリマップのあるべき形についてご紹介します。
ディレクトリマップとは
ディレクトリマップは一般的に、サイト内の全ページのURL、タイトル、および記事内容を整理するリストとして使われています。
主に制作会社のディレクターとクライアントの制作担当者間での情報共有に使用され、作業効率の向上やコンテンツの見落としを防ぐために役立ちます。制作会社とクライアント双方がホームページ全体の概要を把握しやすくなるため、コンテンツの管理と運用において非常に重要なツールです。
サイトマップとの違い
よく似たツールとして、サイトマップというものがありますが、この2つには明確な違いがあります。その違いに触れる前に、ここで言うサイトマップの定義を明らかにしておきます。
サイトマップには大きく分けて以下の3つの種類があります。
サイトマップ(ホームページの構成図)
サイトマップページ(ホームページの訪問者にサイト構成を伝えるページ)
サイトマップファイル(検索エンジンにサイト構成を伝えるファイル)

3種ともサイトマップと呼ばれるのでややこしいのですが、ここで言うサイトマップは、1のホームページの構成図としてのサイトマップになります。
構成図という言葉からもわかる通り、ホームページを構成するページの全体像を記した図を指し、サイト内にどのようなコンテンツがあるのかをイメージ的に視覚化することで全容を把握しやすくするツールです。直訳すると「サイトの地図」となりますが、言い得て妙な表現だと思います。
ディレクトリマップとサイトマップの違いに戻りますが、役割そのものが大きく異なります。
サイトマップの役割は「サイト内のコンテンツ構成の全容を視覚的にわかりやすく図示する」ことにありますが、一方でディレクトリマップの役割は「サイト内の全ページの構造と情報構成を整理する」ことにあり、求められる情報の精密さも変わってきます
ディレクトリマップの正しいあり方
では、役割の観点から見た「正しいディレクトリマップ」とはどのようなものだと良さそうでしょうか。ここからはSAVVYとしての見解が多分に含まれますが、参考までにご紹介したいと思います。
目的起点での正しいホームページ設計書
先ほど、ディレクトリマップは「サイト内の全ページの構造と情報構成を整理する」ためのツールだと書きましたが、では何のために作るのかというそもそもを考えてみましょう。
整理をするというからには、当然見る人に理解しやすくする意図があります。見る人とは制作会社とクライアントの双方です。双方に理解しやすくするというのは、決して書いてある内容が見やすいとか、知りたい情報が見つけやすいということではありません。その本質は、書いてある内容がホームページそのものの目的に合致したものかを判断しやすくするということだと考えています。
考えれば簡単な話で、ホームページには必ず何かしらの事業目的があります。 言い換えるとその目的を達成する手段としてホームページを活用するということなので、当然ホームページの構造や情報構成は目的達成に向けて一貫している必要があります。
ディレクトリマップはつまるところホームページの設計書になります。ホームページの目的から見た時に、その設計書の妥当性がチェックしやすくなっていること。それがディレクトリマップに求められる最低限の機能だと考えます。
▼ディレクトリマップに求められる必須要素
ページの構造と情報構成が明確にわかること
それらがサイトの目的に合致するか判断するための情報が盛り込まれていること
具体的な作り方とメリット
SAVVYでは、目的起点の妥当性のチェックがしやすいディレクトリマップにするために、サイト内に掲出するコンテンツを、ページ単位まで詳細化・階層構造化して、各ページにどういった内容を掲出するかといった情報配置の整理まで行うようにしています。

▼ディレクトリマップの構成項目の例
ページID | ページごとのユニークID。ページ数の把握やグルーピング把握のために記載 |
|---|---|
ページ名 | 公開時のページURLまたはスラッグ |
テストURL | テスト公開時のURLまたはスラッグ |
ページ概要 / 仕様 | ページ内の掲載内容と配置関係およびその補足説明 |
訴求区分 | 何を訴求するためのコンテンツか、区分化して明記 |
担う役割 | サイトの目的から見たコンテンツが担う役割を記載 |
訴求指針 | コンテンツの意図の解説を記載 |
Titleタグ | HTMLマークアップ時にTitleタグの文言記載 |
Descriptionタグ | HTMLマークアップ時にDescriptionタグの文言記載 |
Keywordタグ | HTMLマークアップ時にKeywordタグの文言記載 |
etc… | その他必要に応じて記載 |
ここで最も重要なのは、ページの階層構造を明確にすること、ページの掲載内容と配置関係を明記すること、コンテンツが担う役割を明記することです。
その理由は、繰り返しになりますが、ホームページの目的から見た妥当性チェックがしやすくなる点が一つ。もう一つは後工程に続く画面設計とコンテンツ作成の精度を上げる点にあります。
また、SAVVYが考える最も大きなメリットとして、画面設計やコンテンツ作成といったホームページの命とも言えるプロセスで起こる様々な検討においても、その検討や判断がそもそものホームページの目的に沿ったものか、といった振り返りの指針として大いに役立ってくれるというものがあります。
それぞれのプロセスごとに本質から外れた要望や議論が起こることが多くあります。そんな時、こうあるべきだよね、という指針があることで、ズレた要望・議論を正しい方向に修正することができます。
これは、結果としてホームページの成果に直結することになるので、その点から見ても非常に有意義ではないでしょうか。
▼ディレクトリマップに必ず記載すべき項目
ページの階層構造
ページの掲載内容と配置関係
サイトの目的から見たそれぞれのコンテンツが担う役割
最後に
制作会社の方はもちろん同じように考えておられるところも多いでしょうし、SAVVYよりももっと洗練化されているところもあると思いますが、実はそうでないところも多いのが実態です。
このディレクトリマップというツールは、制作会社だけではなくクライアント側も利用することになるツールです。
その意味で、このツールの正しいあり方とまでは言わないものの、少なくとも担うべき役割を意識していただくと、より本質的で解像度の高い議論ができますし、結果としてパフォーマンスの高いホームページをつくることができると考えています。
▼まとめ
ディレクトリマップはその役割と機能を理解した上で活用しましょう。