わかりやすさの面でツリー構造とディレクトリ構造は一致しているほうが望ましい
ディレクトリ構造がWebサイトの論理構造と一致していれば、URLからサイトの構造が把握しやすくなります。
ディレクトリ構造とツリー構造を合わせる
クリックの必要回数によるツリー構造と、実際のディレクトリ構造は、できるだけ一致させていきましょう。
なぜなら、URLもWeb歳との構造を把握する重要な要素だからです。
ディレクトリ構造が深くても、トップページからたどるリンクの数が少なければ(=ツリー構造が浅ければ)SEO面で問題ではありません。
しかし、アクセス者に対するわかりやすさの面では、ツリー構造とディレクトリ構造は一致しているほうが望ましいでしょう。
Web歳と全体で数ページしかない場合でも、内容に応じてディレクトリを分割しておくほうが便利です。
なぜなら、後々にページが増えてきたとき、改めてディレクトリを作って構造を改変する必要がなくなるからです。
ディレクトリのトップページをエラーページにしない
アクセス者がWebサイト内を移動する方法として、ブラウザのアドレス欄に表示されているURLを直接編集する場合があります。
特に、ページ内のナビゲーションがわかりにくい場合や、一気に複数の階層を上がってしまいたい場合などに行われます。
このとき、極力エラーページを出さないように気をつけましょう。エラーページは、「ファイル名が省略されたURLでアクセスされた場合」に当該ディレクトリにindex.htmlが存在しないなどの理由で表示されます。
エラーページを表示しないために以下の方法を使って適切にナビゲートできるようにしておきましょう。
- 何らかの情報を欠いたindex.htmlファイルを用意して、アクセス者が移動できるようにする
- どこか他の適切なページに転送する
- 「403エラーページ」をカスタマイズして、サイトマップのような内容を表示する
何らかの情報を欠いたindex.htmlファイルを用意して、アクセス者が移動できるようにする
エラーやファイル何時欄が表示されるのを防ぐ最も簡単な方法は、index.htmlなどの「最初に表示されるべきファイル」をそのディレクトリ内に用意することです。
このindex.htmlファイルを用意して、各コーナーのトップページなどに移動できるようにリンクなどを記述しておきましょう。
どこか他の適切なページに転送する
Webサーバのリダイレクト機能を用いて、アクセス者が閲覧したいと考えていると思われるページへリダイレクトさせます。
「403エラーページ」をカスタマイズして、サイトマップのような内容を表示する
Webサーバが表示する「403 Forbidden」エラーページをカスタマイズして、サイトマップのようなナビゲーションページを表示するようにします。
そのように設定しておけば、サイト内のあらゆる場所で「403 Forbidden」エラーが発生した際全てに、同じナビゲーションを提供できるようになります。
画像専用ディレクトリ
ファイル管理のし易さから、画像ファイルだけを「images」のような舞小で独立したディレクトリに格納する事があります。
この場合は、アクセス者がURLを編集してトップページにアクセスしようとすると、画像ファイルの一覧が表示されてしまう事があります。
一覧表示が便利な場合もありますから、必ずしも修正する必要はありませんが、一覧表示が好ましくないのであれば、index.htmlファイルなどを用意して、適切なページに異動させるように作っておきましょう。