【Web担当者必見】ディレクトリマップとは?サイトマップとの違いと作り方を解説

【Web担当者必見】ディレクトリマップとは?サイトマップとの違いと作り方を解説

ディレクトリマップとは、Webサイト内のコンテンツタイトルやURL、内容、ディスクリプションなどの情報をまとめた一覧表のことです。Web制作やSEO施策立案のときは、ディレクトリマップの活用がとっても重要!今回は、ディレクトリマップの役割やサイトマップとの違い、作り方についてやさしく解説します。

【初心者向け】今さら聞けないSEOとは?重要性と基本の対策法を解説
【初心者向け】今さら聞けないSEOとは?重要性と基本の対策法を解説
SEO(Search Engine Optimization:検索エンジン最適化)とは、サイトの上位表示を目指すために行うマーケティング戦略です。「言葉はよく耳.....

 
ビギニャー

わ~先輩、なんだか難しそうな表を作っていますね!何をしているんですか?


 
シニヤン

今、新しく立ち上げるサイトのディレクトリマップを作っているんだよ~。細かい作業が多いから、疲れちゃうね~。


 
ビギニャー

ディ、ディレクトリマップ……?

ディレクトリマップとは?

ディレクトリマップとは、Webサイト内に設置されたすべてのページのタイトルやURL、内容などをまとめた一覧表のことです。
Webサイトの制作者やクライアントなどの関係者が情報を共有するために作成するもので、一つひとつのページの詳細まで記載されている点が特徴的です。

ディレクトリマップの効果

①サイトの全体像を把握できる
②コンテンツの管理・制作を管理できる
③引き継ぎなどの情報共有を行いやすくなる
④タイトルやディスクリプション、内容などを把握できるためSEO施策の抜けを防げる
⑤見積り資料や進捗管理シートとしても活用できる

ディレクトリマップは、ユーザーや検索エンジンに共有しない、完全に社内やサイト関係者だけに向けた資料です。
作り方に決まりはありませんが、Excelなどの表ソフトでまとめることが多い傾向にあります。

ディレクトリマップ
「ディレクトリマップ」とは、Webサイト内の全ページのタイトルや記事内容、URLなどをまとめた一覧表のことです。Webサイトを制作する会社によって作成されること.....

 
ビギニャー

あれ、サイトの内容をまとめた資料って、ほかにもあったような……?


 
シニヤン

ああ、もしかしてサイトマップのことかな?

サイトマップとは?

サイトマップとは、制作サイトのすべてのページ・構造を地図のように一覧にした資料のことです。
構成図とも呼ばれているサイトマップを作成することで、以下のような効果を得られます。

サイトマップの効果

①[制作側]サイトの全体像を整理・把握することで制作者が共通認識を持てる
②[ユーザー側]目的とするコンテンツを探しやすくなる
③[検索エンジン側]サイトの内容を把握でき、インデックス・順位付けしやすくなる

なお、サイトマップは目的に応じて以下のような形式で作成する必要があります。

サイトマップの種類

①構造図としてのサイトマップ:PowerPointやExcelなどでツリー状にまとめた、制作者のためのサイトマップ
②HTMLサイトマップ:HTMLによって作成された、ユーザーがコンテンツを探すためのサイトマップ
③XMLサイトマップ:検索エンジンに向けて作られた、サイトの構成や新規ページを知らせるためのサイトマップ

構造図としてのサイトマップはユーザーや検索エンジンに公開しないので、使いやすいツールで作成してOK!
近年は、サイトマップ専用の作成ツールも豊富に登場しています。

ユーザビリティの向上やSEO効果を狙うならHTMLサイトマップやXMLサイトマップの作成が必要ですが、SEO効果だけを目的として作成する場合は、XMLサイトマップだけで十分だと言われています。

サイトマップ
「サイトマップ」とは、サイト全体の構造を地図のようにわかりやすく一覧でまとめたページのことを指します。 サイトマップがあるとユーザーはもちろん、Googleなど.....

 
ビギニャー

うーん……、なんだか両方とも似ていて混乱しちゃいます。


 
シニヤン

ちょっとわかりにくいんだけど、ディレクトリマップとサイトマップには明確な違いがあるんだよぉ~。

ディレクトリマップとサイトマップの違い

ディレクトリマップとサイトマップの大きな違いは、作成する目的です。

ディレクトリマップもサイトマップもサイトの構造を把握するために作成されますが、
ディレクトリマップは制作関係者に構造を共有するために作成され、
サイトマップはユーザーや検索エンジンにサイトの構造を共有するために作成されることが一般的です。

そのため、ディレクトリマップはページの内容を詳細にまとめているものが多く、サイトマップはページのタイトルや階層などを簡単にまとめただけのものが多いのです。
ちなみに、ディレクトリマップやサイトマップと似たものとして、ワイヤーフレームというものも存在しています。

ワイヤーフレームとは

ワイヤーフレームとは、各Webページの設計図のようなものです。
どの部分にどのようなコンテンツを配置するのかを示したもので、ページのデザイン図だと考えるとわかりやすいかもしれません。

サイトの全体像をまとめたディレクトリマップやサイトマップとは違い、ワイヤーフレームはページ単体のデザインを可視化したものである点が特徴的です。
そのため、「サイトマップでページの構造を考え、それをもとに一つひとつのページのワイヤーフレームを作る」というのがWeb制作の一般的な流れとなります。

ワイヤーフレーム
「ワイヤーフレーム」とは、Webサイトのレイアウトを決める設計図のことです。文字や線、図などで構成されたワイヤーフレームには、何をどこに配置してどのような機能を.....

 
シニヤン

ディレクトリマップは、サイトが取り扱うコンテンツの仕様を細かく書いた「カタログ」、サイトマップはコンテンツの種類を一覧で見られる「索引・目次」みたいなイメージかな。


 
ビギニャー

おぉ……!そうやって聞くとわかりやすいです!


 
シニヤン

ちなみにディレクトリマップって、どんなときに活用してどんな情報をまとめる必要があるんですか?

ディレクトリマップは、いつ・何についてまとめるの?

サイトの制作情報やコンテンツを管理するためのディレクトリマップは、制作を行うWebディレクターなどによって作られることが一般的です。
サイト制作を外注する場合は外注先の企業、自社で制作・更新する場合は自社の担当者が作成することになります。

ディレクトリマップを作成するのは、おもに以下のようなタイミングです。

ディレクトリマップを活用するタイミング

  • サイトを新規で作成したいとき
  • サイトをリニューアルしたいとき
  • SEO施策の企画を立案するとき
  • 新しいコンテンツを制作するとき
  • コンテンツを整理したいとき
  • 競合サイトの調査や比較をしたいとき など

ディレクトリマップに必要な項目について明確な決まりはありませんが、最低限以下のようなものがあると管理しやすくなるでしょう。

ディレクトリマップに必要な項目

  • ページID:すべてのページに番号を振っておくと管理しやすくなります。
  • タイトルと階層:コンテンツごとのタイトル、階層を明確に記載しておきましょう。
  • ディレクトリ名やファイル名:ドメインのあとに「/」を入れて表記する、サーバー内のフォルダ名です。
  • URL:プロトコル名やドメイン名もあわせて記載しておきましょう。
  • ディスクリプション:ページの内容を検索エンジンに伝える120文字程度の説明文です。
  • コンテンツの内容:ページに記載してある内容を簡単にまとめておくと、抜けや重複作成を防げます。
  • 進捗状況:「制作中」「修正中」など、進捗を記載しておくと情報共有しやすくなります。
ディスクリプションとは?書き方のコツや最適な文字数までやさしく解説!
ディスクリプションとは?書き方のコツや最適な文字数までやさしく解説!
インターネットで検索を行う際、必ず目に入る「ディスクリプション」。リンクをクリックするときの判断材料として重要な情報のひとつです。今回は、そんな「ディスクリプシ.....

 
シニヤン

作るタイミングとか内容に明確な決まりはないから、自社にとって使いやすいタイミングで使いやすい内容のものを作れば大丈夫だよぉ~。


 
ビギニャー

なるほど~!先輩っ、せっかくなので一緒に作業を見て作り方を勉強してもいいですか!?


 
シニヤン

ビギニャー君は勉強熱心だねぇ。詳しく説明しながら作業を進めていくから、ちゃんと作り方を覚えてね!

ディレクトリマップの作り方

ディレクトリマップの一般的な作り方は、以下のとおりです。

①サイトのページをリストアップする

ディレクトリマップを作成するためには、Webサイトの全体像を把握する必要があります。
たとえば、トップページから企業概要や商品一覧に飛んで、商品一覧から各商品カテゴリ、そこから個別ページ、ECサイトの購入ページ……と、順を追ってすべてのページをリストアップしなければいけません。
情報を整理しやすいように、まずはサイトマップの作成からはじめてみるとスムーズでしょう。

②各ページのディレクトリ名・ファイル名を決める

次に、各ページのディレクトリ名・ファイル名を決めます。
ディレクトリ名とは、ドメインの「/(スラッシュ)」のあとに記載されている、サーバー内のフォルダ名とフォルダの位置を示す文字列です。
そのディレクトリ名のあとの「/」には、ファイル名というものが記載されています。

たとえば、「https://lift-mktg.com/web-marketing/index.html」というURLの場合、ディレクトリ名として「web-marketing」、ファイル名として「index.html」が設定されているということになるのです。
これだけを聞くとわかりにくいのですが、ディレクトリ名を「図書館の本棚の番号」、ファイル名を「本棚にしまわれている本の名前」とイメージすると少し理解しやすくなるかもしれません。

③タイトル・ディスクリプションを決める

次に、それぞれのWebページのタイトルとディスクリプションを決めましょう。
たとえば、サービス紹介ページに「LIFTサービス概要|株式会社ゴンドラ」というタイトルをつけ、「株式会社ゴンドラでは、マーケティング初心者でも実践的に楽しく学べるメディア『LIFT』を運用しています。」といったディスクリプションを記載しておきます。

④内容を精査する

以上の内容がディレクトリマップに必要な最低限の項目ですが、ほかにも必要に応じて情報を記載しておくと管理がスムーズになります。
一通り情報をまとめたら、部署をまたいで複数の関係者でディレクトリマップの内容を精査しましょう。
「漏れているコンテンツはないか」「内容が重複していないか」「ページの量は適切か」などを確認し、問題がなければワイヤーフレームやコンテンツの制作に入っていきます。
サイト制作時はもちろんのこと、制作が終わったあとやコンテンツを追加するときなどにもディレクトリマップを更新して、常に全体像を把握できるようにしておきましょう。

なお、ディレクトリマップはExcelやGoogleスプレッドシートなどで作成することが一般的ですが、自動作成に対応しているツールも提供されています。
ディレクトリマップ作成でお困りごとや疑問がありましたら、ぜひお気軽にLIFTまでお問い合わせください!

わたしたち株式会社ゴンドラでは、
メールマーケティングを含むCRMソリューションを提供しております。
「メールマーケティングに興味はあるけどリソースが足りない」「プロに任せたい」
そんなお悩みをお持ちの方は、ぜひお気軽にご相談ください!
お問い合わせはこちら

RECOMMENDおすすめ記事

オススメ記事をご紹介