エラーページの変更

.htaccessを使用したエラーページの変更をご紹介します。
『ロリポップ！』ユーザーの方は【ユーザー専用ページ】にて簡単に変更する事ができます。

検索エンジンを利用して、そのページに飛んでみたらこんな画面が出たことはありませんか？
せっかくお客様が自分のHPに来てくれたのに、リンクミス等でエラー画面が表示されては申し訳ないですよね。

左の画像は一般的に表示されるエラーページです(OSやブラウザのバージョンによって画面は変わります)。
右の画像はロリポップ！内で表示されるエラーページです。
.htaccessを使用すると、オリジナルのエラーページも作成することができますのでご説明します。

エラーファイルを作成します。

まず、エラー時に表示されるファイル(HTML等)を作成します。代表的なエラーとして以下のようなものがありますので、それぞれに合わせてファイルを作成しましょう。

すべてのエラーファイルが必要ということではありませんので、作成したいエラーページのみで結構です。404と401のエラーページのみでも可。

401 Unauthorized

パスワード制限など認証が必要なときに、正しく認証されなかった場合に表示されるエラーページ

403 Forbidden

パーミッションの設定が正しくない、または『.htaccess』で特定のホスト・IPの許可/制限を行っていて弾かれた場合のエラーページ

404 Not Found

リクエストされたページが無い場合に表示されるエラーページ

500 Internal Server Error

CGIのエラーや『.htaccess』の設定ミスの場合に表示されるエラーページ

【エラーページの作成に関する注意事項】

ErrorDocumentは、エラー発生時のページを基点にエラーページ表示を行ないますので、画像のパスを「http://から始まるURL」で指定していない場合、画像のリンクが切れることがあります。
エラーページで画像を使用する場合には、「http://から始まるURL」で表示を行ってください。

【404エラーページに関する注意事項】

404エラーページに限り、エラーページのサイズが小さすぎますと、表示されない場合がございます。
ページの容量が１Kバイトを超えるように、ファイルを作り直してお試しください。

.htaccessファイルを作成します。

適当なファイル名(htaccess.txt)などで、以下の内容のファイルを作成します。
作成したエラーページに対応するエラーコードのみ記述してください。

ErrorDocument 401 「相対パス」

ErrorDocument 403 「相対パス」
もしくは「http://から始まる作成した403エラーページのURL」

ErrorDocument 404 「相対パス」もしくは
「http://から始まる作成した404エラーページのURL」

ErrorDocument 500 「相対パス」もしくは
「http://から始まる作成した500エラーページのURL」

ErrorDocument 401は、「相対パス」でのみ設定可能です。「http://から始まる作成した401エラーページのURL」では、設定できません。

※[例]を挙げると、「htaccessファイル」の内容は下記のようになります。エラーページをアップロードするディレクトリに合わせて、以下の[例]のように設定してください。

/error/ディレクトリの中に「401.html」と「403.html」と「404.html」と「500.html」を作成した。

ErrorDocument 401 /error/401.html ErrorDocument 403 /error/403.html ErrorDocument 404 /error/404.html ErrorDocument 500 /error/500.html
もしくは、
ErrorDocument 401 /error/401.html ErrorDocument 403 http://hoge.lolipop.jp/error/403.html ErrorDocument 404 http://hoge.lolipop.jp/error/404.html ErrorDocument 500 http://hoge.lolipop.jp/error/500.html

ルートディレクトリの中(FTPソフトで接続して最初に表示されるディレクトリ)に「401.html」と「403.html」と「404.html」と「500.html」を作成した。

ErrorDocument 401 /401.html ErrorDocument 403 /403.html ErrorDocument 404 /404.html ErrorDocument 500 /500.html
もしくは、
ErrorDocument 401 /401.html ErrorDocument 403 http://hoge.lolipop.jp/403.html ErrorDocument 404 http://hoge.lolipop.jp/404.html ErrorDocument 500 http://hoge.lolipop.jp/500.html
入力が終わったら保存します。

保存したファイルをFTPでアップロードします。

先ほど作成した『エラーページファイル』『htaccess.txt』を、FTPで指定したディレクトリにアップロードします。アップロード後、『htaccess.txt』のファイル名を『.htaccess』に変更します。

ファイルのパーミッションは『604』にしてください。

以上で完了です。確認しましょう。

テストでお客様のホームページ内で存在しないURLを入力し、作成された404エラーページが表示されるかどうか確認してください。

改行は入っていますか？

『.htaccess』のファイルの最後の行の末端に改行は入っていますか？改行が入ってない場合エラーになります。

パスは正しく記入されていますか？

『.htaccess』で指定したパスは正しく記入されていますか？もう一度ご確認ください。

パーミッションは『604』になっていますか？

『.htaccess』のパーミッションは『604』になっていますか？変更されていない場合正常に動作しないことがあります。

ファイルの記述に誤りはありませんか？

『.htaccess』の記述に間違いがあるとそのディレクトリ以下にアクセスすると必ず『500 Internal Error』が表示されます。この画面が表示されたら『.htaccess』ファイルの記述をもう一度確認してください。