index.htmlは入口として扱われる特別なファイル
Webサイトの世界では、index.htmlという名前のファイルが「最初に表示するページ」として扱われる慣習があります。URLを開いたときに、自動的にこのファイルが入口として読み込まれる仕組みです。
そのため、ZIPの中にindex.htmlがないと、どのページを最初に見せればよいか判断できず、公開がうまくいきません。ファイル自体は存在するのに名前がhome.htmlやtop.htmlになっている、というケースもよくある原因です。
公開できないときによくある原因
入口が見つからないトラブルには、いくつかの典型的なパターンがあります。最初に表示したいページの名前がindex.htmlになっていない、index.htmlはあるが余計なフォルダの中に入ってしまっている、といったケースです。
また、拡張子を表示しない設定のパソコンでは、index.html.txtのように見えない拡張子が付いていることもあります。まずはZIPを解凍し、入口にしたいファイルの正確な名前と置き場所を確認することが解決の第一歩です。
- 最初に表示したいページの名前がindex.htmlになっていない
- index.htmlが余計な親フォルダの中に入ってしまっている
- 見えない拡張子が付いて別の名前になっている
崩れないZIP構成のOK/NG例
index.htmlがないZIPで公開できないときの直し方では、ZIPの中身が正しくても、階層が1つずれるだけで画像やCSSが読み込めなくなります。圧縮する前に、公開用フォルダだけを切り出して確認します。
Windows/Macどちらでも、不要な隠しファイルや作業ファイルを入れないことが大切です。手順が決まったら、HTML/ZIPをアップロードして共有URLを発行し、相手に確認してほしい観点と期限を添えて送ります。
- OK: index.html と assets/images/css/js が想定した相対パスで並んでいる
- NG: ZIPの中にさらに不要な親フォルダがあり、index.htmlの場所が分かりにくい
- NG: __MACOSX、.DS_Store、作業中PSD、秘密情報入りメモを同梱している
- 確認: アップロード後のURLで画像・CSS・リンクを実際に開く
入口ファイルを整える手順
解決方法はシンプルで、最初に見せたいページの名前をindex.htmlに変えるだけです。たとえばトップにしたいページがhome.htmlなら、それをindex.htmlにリネームします。すでにindex.htmlがある場合は、そのファイルが本当に入口でよいかを確認します。
リネームするときは、他のページからのリンクが古い名前を指していないかにも注意します。home.htmlへのリンクが残っていると遷移が切れるため、リンク先もindex.htmlに合わせて直しておくと安全です。
- ZIPを解凍し、入口にしたいページのファイルを探す
- そのファイルの名前をindex.htmlに変更する
- 他のページからのリンクが新しい名前と一致しているか確認する
- index.htmlが一番外側に来るように、もう一度ZIPに圧縮し直す
整えたZIPは元の構成のまま表示できる
入口をindex.htmlに整え、それが一番外側に来るように圧縮し直せば、公開の準備は整います。あとは画像やスタイルが元の構成のまま入っていれば、見た目も崩れません。
ギガサイト便はindex.htmlを入口として元の構成のまま表示します。入口さえ正しく用意できていれば、相手は発行されたURLを開くだけで、最初のページから順に閲覧できます。
ギガサイト便で整えたZIPを公開する手順
入口を整えたZIPを実際に公開する流れを順番に見ていきます。ポイントは、アップロード前に解凍して一番外側にindex.htmlがあるか確認しておくことです。
下記の手順は数分で完了します。入口の準備さえできていれば、あとはドラッグ&ドロップして設定するだけで、最初のページから正しく表示されます。
- 整え直したZIPを一度解凍し、一番外側にindex.htmlがあることを確認する
- ギガサイト便のトップに、確認済みのZIPをドラッグ&ドロップする
- 認証方式を選び、共有範囲に合わせて設定する
- 公開期限を設定し、共有が不要になったら自動で失効させる
- 発行されたURLを開き、入口のページが最初に表示されるか確認する
よくある質問
ファイル名を変えるだけで公開できるようになりますか？
多くの場合、最初に表示したいページの名前をindex.htmlに変えるだけで解決します。あわせて、そのindex.htmlがZIPの一番外側に来るように圧縮し直してください。入口が正しく認識されれば、URLを開いたときに最初のページが表示されます。
すでにindex.htmlがあるのに公開できないのはなぜですか？
index.htmlが余計な親フォルダの中に入っている可能性があります。解凍して一階層深い場所に入っていたら、中身を選び直して圧縮し直してください。また、見えない拡張子が付いて別名になっていないかも確認するとよいでしょう。
ファイル名を変えると他のページへのリンクは切れませんか？
他のページが古い名前でリンクしている場合は切れることがあります。たとえばhome.htmlをindex.htmlに変えたら、各ページのhome.htmlへのリンクもindex.htmlに直してください。リネーム後に手元で遷移を確認しておくと安心です。
入口を複数のページにすることはできますか？
最初に表示される入口は通常index.htmlの一つです。他のページは、index.htmlからのリンクをたどって表示する形になります。複数の入口を見せたい場合は、index.htmlを目次のようにして各ページへのリンクを並べておくとわかりやすくなります。
ZIPを作る前に何を確認すべきですか？
index.htmlの場所、CSS/画像/JSの相対パス、不要な隠しファイル、秘密情報の混入を確認します。圧縮後ではなく、公開用フォルダを作った段階で一度ブラウザ表示してください。