Webサイトを運営していると、存在しないページにアクセスされたときの404エラーや、アクセス制限による403エラーなどが表示されることがあります。
そのままの初期表示では内容が分かりにくく、利用者がそのまま離れてしまうこともあります。.htaccessを使えば、こうしたエラーページを独自の案内ページに変更できます。このページでは、初心者向けに設定方法を分かりやすく紹介します。
この記事で分かること
初期状態のエラーページは、サーバーの標準メッセージがそのまま表示されることが多く、利用者にとっては少し分かりにくい場合があります。
たとえば404エラーであれば、「ページが見つかりませんでした」と案内するだけでなく、トップページへのリンクや問い合わせ先を載せておくことで、利用者が次の行動を取りやすくなります。
| エラーコード | 意味 | よくある場面 |
|---|---|---|
| 403 | アクセス禁止 | IP制限や認証設定があるページに入れない場合 |
| 404 | ページが見つからない | URLの入力間違いや削除済みページへのアクセス |
| 500 | サーバー内部エラー | 設定ミスやプログラムエラーがある場合 |
エラーページの変更には、.htaccessで ErrorDocument を使います。基本の書き方は次のとおりです。
ErrorDocument エラーコード /表示するページのURL
たとえば、404エラー時に独自ページを表示したい場合は、次のように記述します。
ErrorDocument 404 /error/404.htm
この設定により、存在しないページへアクセスされたときに /error/404.htm が表示されます。
403と404は、とくにカスタマイズされることが多いエラーです。まずはこの2つを設定しておくと分かりやすいです。
ErrorDocument 403 /error/403.htm ErrorDocument 404 /error/404.htm
上の例では、403エラー時は /error/403.htm、404エラー時は /error/404.htm を表示します。
パスはURL形式で指定します。サーバー内の保存場所を書くのではなく、Web上でのパスを書くのが基本です。
指定先となるHTMLファイルは、あらかじめ作成してサーバーへ置いておきます。たとえば /error/404.htm を使うなら、公開ディレクトリ内に error フォルダを作り、その中へ 404.htm を置きます。
内容は難しくなくて大丈夫です。最低限、次のような案内があると親切です。
例
「お探しのページは見つかりませんでした。URLが変更されたか、削除された可能性があります。」のような文章を入れておくと分かりやすいです。
403と404は見た目が似ていても意味が異なります。そのため、同じ文面を使い回すより、それぞれに合った案内にしたほうが親切です。
| ページ | 案内の考え方 |
|---|---|
| 403ページ | アクセスできない理由が制限による可能性を案内する |
| 404ページ | ページが存在しない、またはURLが変わった可能性を案内する |
たとえば403ページでは「このページへのアクセスは制限されています」、404ページでは「ページが見つかりませんでした」と書き分けると伝わりやすくなります。
通常は、対象となるサイトの公開ディレクトリにある .htaccess に記述します。上位ディレクトリで設定すれば、その配下にも適用されることがあります。
サイト全体で同じエラーページを使いたい場合は上位にまとめて書くと管理しやすいです。
設定したあとは、実際にエラーが起きるURLへアクセスして確認します。
指定したページが表示されれば設定成功です。標準のエラー画面のままなら、パスやファイル名、設置場所を見直します。
エラーページとして指定したファイル自身に問題があると、期待通りに表示されないことがあります。まずはシンプルなHTMLで作成して確認するのがおすすめです。
500エラーにも ErrorDocument を設定できる場合がありますが、.htaccess自体の記述ミスで500エラーが起きているときは、その設定が正しく動かないこともあります。
そのため、まずは403や404のカスタマイズから始めると分かりやすいです。500エラーは「設定ミスの可能性が高い」という点も意識しておくと安心です。
.htaccessの ErrorDocument を使えば、403や404などのエラーページを独自の案内ページに変更できます。利用者にとって分かりやすく、サイト内の導線も整えやすくなります。
まずは404と403から設定し、トップページや問い合わせページへのリンクを入れた案内を用意すると使いやすいサイトにしやすいです。
WISNET / わいずねっと のレンタルサーバー
用途に合わせて2つのレンタルサーバープランをご用意しています。