(ちょっとメモ)index.html という名のファイル

すっごい基本なのに、書いていなかったことがありました。
[42-3] の「rel="canonical" で優先URLを指定しよう」の箇所で、
「 www. や /index.html の有無によって、同じサイトなのにサーチエンジンに別物のサイトとして見られるような場合」と書いたところ「/index.html の有無って何?」とご質問を受けました。
そこで、「index」という名前のついたファイルについて、メモっておきます。

この記事は、実際は2012年07月にアップしたものですが、
ページ下部の時系列のインデックスから外れてしまうので、投稿日を2010年10月に変更しています。

「デフォルトドキュメント」といいます

この「index.html」のように、ファイル名を省略してもブラウザで表示されるファイルを
「デフォルトドキュメント」
といいます。
ブラウザは、たいていは「index」という名前のファイルを最初に表示するようになっています。
サーバによってはファイル名まで必要とするモノもあるそうですが、たいがいのサーバは、「index」という名前のファイルがあれば、ファイル名を省略しても、そのファイルをブラウザで表示します。

「デフォルトドキュメント」は、htmlファイルも含めて下記の5種類が、たいていのサーバで決められてます。

  • index.html
  • index.htm
  • index.shtml
  • index.cgi
  • index.php

サーバによって上記の「デフォルトドキュメント」にも表示の優先順位があります。
たいていのサーバでは「index.html」が一番優先順位が高くなってます。

「デフォルトドキュメント」はファイル名を省略できます

サイトのトップページが「http://www.example.com/index.html」というURLなら、
ブラウザのアドレスバーに「http://www.example.com/」とタイプしても、トップページが表示されます。(最後の「/」を省略して「http://www.example.com 」でも同じです)
ブラウザがこのURLのサーバを探し、最初に表示すべきファイル「index.html」を見つけるから。

さきほど、表示の優先順位があると言いましたが、
例えば「http://www.example.com」のディレクトリに「index.html」と「index.cgi」があれば、
ブラウザは、優先順位の高い「index.html」を表示するってわけです。

トップページのHTMLファイル名が「index.html」ではなく、例えば「toppage.html」だったら、
URLは「http://www.example.com/toppage.html」じゃないと表示されません。
これではURLが長いし、ユーザにとって面倒くさいですよね。
せっかくブラウザに「index」という名のファイルはURLで省略されても最初に表示するルールがあるのですから、トップページは必ず「index.html」にしとこう。

この場合のURLは「絶対URL」です。 URLについては [10] 絶対URL と 相対URLをご覧ください。

下の階層でも「index.html」を使おう!

サイトのトップページだけでなく、各カテゴリー(第2階層以下)のトップにも「デフォルトドキュメント」を使いましょう。

例えば「example.com」というサイトに「news」というカテゴリを作るとします。
この「news」のトップページにも「index.html」という名前をつけましょう。
ブラウザは「http://www.example.com/news」とだけ指定されても、このディレクトリでのデフォルトドキュメント(index.html)を表示します。

「index.html」にするメリット

メリットはアクセシビリティ(ユーザビリティ)。 サイトに来てくれた人にわかりやすい。

「URLが短いから」っていうダケじゃなく、ブラウザのアドレスバーを見るだけで、自分がサイト内のどこにいるかわかる。また、ブックマーク(お気に入り)した後で、URLを見ただけで、どんなページだったかわかる。などの使いやすさがあります。
アクセシビリティ(ユーザビリティ)= SEO(Search Engine Optimization (検索エンジン最適化) )だと思ってください。

具体的な「index.html」の使い方

下の「example.com」というサイト例を見てください。
サイトのカテゴリとして「news」「products」「shop」「user」を作っています。

このサイトのトップページは「http://www.example.com」というURLだけで表示されます。
このトップページのURLの後に「/news」と付けるだけで、ニュースのトップページが表示されます。
トップのURLに「/products」を付ければ、商品ページのトップに行けます。
この「news」「products」などのように、ビジタにわかりやすいディレクトリ名にするのがベスト。

第三階層目の「/products/tops」内のトップも「index.html」というファイル名を使ってます。
どんなに深い階層(ディレクトリ)でもデフォルトドキュメントのルールはイキです。

このように、

  1. 各カテゴリごとに階層(ディレクトリ)を分ける
  2. ディレクトリ名は、ビジターにわかりやすい名前にする
  3. それぞれのディレクトリのトップページを「index.html」にする

というのが、サイト制作の標準ルールです。

「www.」も省略できる(場合が多くなってきた)

ついでに、 [42-3] で「.www」に関しても「有無がある」と言ってますが、それについて。

ちなみに、最近のブラウザは、このように「http://www.」も省略して表示されます。
これはブラウザの機能であって、先頭には「http://www.」がついていると思ってください。

それは置いといて、
ちょっと試しにやってみてください。
例えば、ブラウザのアドレスバーに、「fc2.com」とタイプすると「fc2」のトップが表示されます。
これが「www.fc2.com」と書いても同様に表示されます。
www. 有りでも無しでも、ブラウザは同じURLだと認識します。

しかし、NHKは「nhk.or.jp」と書いても、またNECも「nec.co.jp」と書いても、エラーになって表示されません。前にwww.を付けてやると表示します。
www. が無いと、ブラウザが認識できないURLもあるんです。

比較的ウェブ創世記にできたウェブサイトは、www.の有る無しで違うウェブサーバだと設定されました。そんなわけで、ウェブ創世記に出来たサイトは www.の有る無しが重要なんだそうです。

でも、ドメイン情報を直せば「www.無し」にすることも可能なのでしょうけど、
「www.有り」で告知宣伝したウェブのリンク・印刷物・広告物を、何もかも「www.無し」のURLに変えるには、数が膨大で、予算的に無理なのでしょうね。
それに「もう浸透しているURLだから、わざわざ変える必要は無い」という考え方なのでしょう。

とにかく、これから新しくドメイン名を取得したら、
「www.example.com でも example.com でも OK」と管理会社から言われると思う。
だったら、短いほうが覚えやすいので「www」無しで告知しますよね。
www って少なくなって行くのかな?

関連記事
この記事をはてなブックマークに追加

やる気を保つためにランキングに参加しています。
応援してくださると すっごいやる気を出します! (笑)

初心者にも使いやすい(と思う)レンタルサーバー

最近よく「レンタルサーバーはどこがいい?」とご質問が来ます。
自分でも使っていてオススメなのはミニバード。管理画面がわかりやすくていい感じす。
仕事で使ってるロリポップもわかりやすい管理画面で、初めてでもすんなり使えると思います。
両方とも、なんといっても料金が安いです。初めてだとなるべく安いほうがイイですからね。

それよりちょっと料金は高いけど、高スペックでコスパが良く、信頼性も高いサーバといえば、やはりさくらのレンタルサーバと、XSERVER(エックスサーバー)だと思う。この2つは老舗でユーザーも多いので、質問する場がたくさんあり、初心者の方でもイケるだろうと思います。

レンタルサーバーは、たくさんあり過ぎて迷いますよね。近いうちに、初心者にも良さげなサーバーについて記事にまとめます。*記事をアップしたらココにもリンクを貼ります。

スポンサーリンク

コメントの投稿

No title

http://honttoni.blog74.fc2.com/index.html はないんですね~。
なんか空白ページが表示されました。

Re: No title

パンさん、コメントありがとうございます。

http://honttoni.blog74.fc2.com/index.html」は無いで正解。
http://honttoni.blog74.fc2.com/index.php」(最後の拡張子がphp)
で試してみて。このブログのトップページが表示されます。

本文中にも書いていますが、「デフォルトドキュメント」は、htmlファイルだけでなく phpファイルもありです。

このブログは「FC2ブログ」というブログサービスを利用しています。
ブログシステムは、ブラウザへはHTML形式で書き出されますが、phpファイルで構成されているはずなので、デフォルトドキュメントは index.phpなんですね。
スポンサーリンク
最新記事
Category
オススメの本
Links
Calendar
07 | 2017/08 | 09
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -
Archive
RSS Link
Profile

yuki★hata

Author : yuki★hata
せめて月1回の更新をめざします~。

メールフォームはこちら

スポンサーリンク
スポンサーリンク
Copyright © ほんっとにはじめてのHTML5とCSS3 All Rights Reserved.