広告 Webディレクター

ディレクトリマップとは?おすすめのディレクトリマップ作成ツールも紹介します

2021年5月3日

 

悩む人
悩む人
Web制作に必要なディレクトリマップについて知りたいな...。また、オススメのディレクトリマップ作成ツールや作成方法があれば教えて欲しい...。

 

本記事では、こんな疑問に答えます。

 

本記事の執筆者

当ブログを書いている僕はWeb会社で働いておりWebディレクター歴9年目になります。

 

ディレクトリマップは、Webサイトを制作するにあたって『タイトル』、『URL』などが一覧でわかる表のことを言います。

 

ディレクトリマップがあるだけで、Webサイトに必要なページ数を把握できたり、クライアントとの進捗状況を確認しあうのに利用できます。

 

本記事では、そんなディレクトリマップについて紹介し、記事後半にはオススメのディレクトリマップ作成ツールを紹介します。

 

ディレクトリマップの作成方法について本記事を読み理解できましたら幸いです!

 

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

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

 

先述した通り、ディレクトリマップは、Webサイトを制作するにあたって、必要な情報を載せる一覧表のことです。

 

ディレクトリマップがあることで、Webサイトの管理や進捗状況が理解することができます。

 

ディレクトリマップがあることで、以下のことが理解できます。

 

  • Webサイトに必要なコンテンツがわかる
  • 不足ページや重複しているコンテンツが把握できる
  • タイトル・ディレクリプションのメタ情報を抜け漏れをなくせる

 

また、プロジェクトメンバー間で各ページの制作進捗状況を確認できますので、プロジェクトの遅延防止を防ぐ役割にもなります!

 

例えば、商品の紹介ページを作成する場合に「開発中」「未着手」なのかが分かる感じです。

 

なお、ディレクトリマップを作成するにあたって、具体的に以下の項目があるといいです(後ほど作成手順で紹介します!)。

 

  • ページ名
  • URL(開発/本番)
  • title
  • ディスクリプション
  • 階層
  • 新旧URL
  • 管理番号
  • 制作の進捗状況

 

サイトマップとの違い

 

Webサイト制作するにあたり、ディレクトリマップと似ている「サイトマップ」というのがあります。

 

サイトマップは、簡単に言いますと、サイト全体を俯瞰してみることができる資料のことです。

 

具体的に図でお見せすると以下の感じです。

 

 

ざっくりと恐縮ですが、上記のようにページの構造をツリー状に表したものです。

 

ディレクトリマップが、WebサイトのURlやタイトルなど細かい情報を把握できるのに対して、サイトマップは、サイトの繋がりや全体像を俯瞰してみるのに使います。

 

Webサイト制作プロジェクトでメンバー間での情報共有ができますし、プロジェクトを円滑に進めることができるのが両資料を作るメリットがあります!

 

サイトマップは、コンテンツ量が多くサイトの全体像が掴みにくいサイトの場合には、作成しておくことで全体像を理解しやすくなります。

 

オススメのディレクトリマップ作成ツールと作成方法

オススメのディレクトリマップ作成ツールと作成方法

 

ディレクトリマップを作成するには、『Excel(エクセル)』か『Googleスプレッドシート』を使います。

 

Googleスプレッドシートでディッレクトリマップの表(完成形)を作りました。以下リンクになりますのでご活用ください!

 

>> ディレクトリマップ(無料)はこちら

 

クライアントや案件の規模によって、必要な項目がありましたら適宜追加をお願いします。

 

こちらのディレクトリマップの作成手順を解説していきます!

 

1. Webサイトに必要なページを整理する

 

まずは、制作するWebサイトにどんなコンテンツが必要か?を洗い出していきます。

 

仮に、コーポレートサイトを制作すると仮定しますと以下のコンテンツが必要です。

 

  • トップページ
  • 商品・サービス紹介
  • ニュースリリース
  • 会社概要
  • 経営理念
  • お問い合わせ
  • 利用規約
  • プライバシーポリシー
  • 採用ページ

 

こんな感じで、必要なコンテンツの整理ができましたらページ名をシート内に入力していきます。

 

ちなみに、ページ名には管理番号(NO.)を付与しておくと、メンバー間での情報の伝達をする際に楽にできます。

 

また、そのページに第2、第3階層があれば、そのコンテンツも書いてあげます。

 

2. ディレクトリ名の記入

 

ディレクトリ名とは、簡単に言いますと、ドメイン名のあとに「/(スラッシュ)」に続けて表記されるファイル名のことです。

 

具体的にいうと、以下の赤文字の部分です。

 

 html
https://www.keiblog0815.com/hogehoge/

 

本記事のディレクトリは、「https://www.keiblog0815.com/webdirector-directory-map」の「webdirector-directory-map」になります。

 

なお、ディレクトリ名を付ける際には、コンテンツと関連した単語を使用するといいです。

 

例えば、会社概要のページを作成すると仮定しますと、ディレクトリ名は『company』『about』といった名前にします。

 

これをシートの中に追加したらOKです。

 

3. タイトル、ディスクリプション名を決める

 

続いて、タイトル、ディスクリプション名を決めます。

 

タイトル、ディスクリプションは、SEO対策をする上で重要な要素になります。

 

例えば、会社概要のページを作成する場合に「株式会社〇〇の会社概要です」といった感じでタイトルを設定していきます。

 

ちなみに、検索結果にタイトルが適切に表示されるために、PCとスマホの両方で「35文字以内」におさめるのが望ましいです。

 

というのも、検索結果で表示される文字数が限られているので、文字数が多いことで後半の文字が省略されてしまうからです。

 

最適な文字数とユーザーの分かりやすいタイトルで設定してみてください!

 

4. ステータスを入れる

 

最後に、サイトの制作進捗状況がわかるようにステータスの欄を入れます。

 

具体的に、デザインやコーディングの進捗状況が分かるように「未着手」「制作中」といった感じでステータスを入れます。

 

また、『デザイン』や『コーディング』の進捗状況が別々で分かるように、列を分けて記入してあげると分かりやすくなります。

 

これでディレクトリマップに必要な項目の追加が完了です。

 

自動で生成してくれるディレクトリマップツール

自動生成してくれるディレクトリマップ

 

自分でディレクトリマップを作らなくても、自動で生成してれるディレクトリマップもあります。

 

Mogyuraがおすすめ!

 

結論「Mogyura」というクラウドツールがディレクトリマップ作成に役立ちます。

 

Mogyuraは、ディレクトリマップを自動でエクセル化してくれるクラウドサービス(SaaS)です。

 

時間がない中でディレクトリマップを作らないといけない時、既存サイトのページ数がどれくらいあるのか調べたい時に使えます。

 

URLを入れるだけで、短時間で大量にあるページのディレクトリマップを作成してくれます。

 

1回で調査できるページ数の上限が2000ページのようですが、自分で作成するのが手間の場合使ってみるのがオススメです。

 

ディレクトリマップ作成の注意点

 

最後にディレクトリマップを作成する上での注意点を紹介します。

 

  1. 抜け漏れがないか確認する
  2. ディレクトリマップをしっかり管理する

 

1つずつ順番に紹介します。

 

1. 抜け漏れがないか確認する

 

ディレクトリマップを作成した後は、抜け漏れのページがないかを確認しておきましょう。

 

特に、ページ数が膨大にあるサイトは、漏れているページがないかを複数人で確認しておくと良いですよ。

 

『不要なページがないか?』『抜けているページがないか』を複数人で確認することで、クライアントとのトラブルを防ぐことができますよ。

 

2. ディレクトリマップをしっかり管理する

 

サイトやページを追加更新したら、ディレクトリマップも情報を更新しましょう。

 

というのも、サイトの構成を知らないで運用していたら、クライアントからページの状況を質問された時にすぐに答えることが難しかったりするからです。

 

ディレクトリマップを管理しておけば、ページの情報を俯瞰して確認することができるため、どこの情報を更新すべきかが一目でわかります。

 

Webディレクターは、サイトを管理することも仕事であるため、サイトの構造を理解しているのはマストになりますよ!

 

ディレクトリマップツールを使おう!:まとめ

ディレクトリマップツールを使おう!:まとめ

 

今回は、ディレクトリマップ、オススメの作成ツール・ディレクトリマップの作成手順までを紹介しました。

 

ディッレクトリマップがあることで、プロジェクトメンバー間での制作進行状況を共有でき、スムーズにプロジェクトを進めることができます。

 

また、制作の抜け漏れがなくなるといったメリットもありますので、プロジェクトではディレクトリマップを作成しておくことをオススメします。

 

本記事を読みディレクトリマップが理解でき、Webサイト制作の一助になりましたら幸いです!

 

ここまで読んでいただき、ありがとうございました。

  • この記事を書いた人

keiblog

当ブログは、『シンプルで見やすい記事を発信!』をモットーに「ブログ・WordPress」などWebに関する役立つ情報を発信していきます。【経歴】▶︎Webディレクター就職(歴8年)(コーディング・SEOが好きです!)▶︎ブログ開設

-Webディレクター