vol.6　オリジナルの404ページにしよう！

f:id:BOEL:20150128113943j:plain

こんにちは。デザイナーの寺田です。

今回は404（Not Found）ページの実装方法についてお話しします。

エラーページなので、本来は表示されてはならないページですがふとしたタイミングで見たときに、404ページがオリジナルだとサイトの印象が良くなりませんか？

前回vol.5のFAVICONとWEB CLIP ICONの実装と同様、忘れずにやっておきたいです。

そもそも404ページとは？

f:id:BOEL:20150128113951j:plain

404の役割

404ページは、WEBサイトにアクセスする際にリンク切れなどで存在しないページにアクセスしようとした場合に、表示されるエラーページのことです。Webサーバーからのレスポンスの意味を表す3桁の数字が404とされているため、404ページと呼ばれています。

意外と見られている！？404ページデザイン

f:id:BOEL:20150128114031j:plain

404ページデザインの参考サイト

404ページデザインをまとめているサイトです。デザインの参考にしてみてはいかがでしょうか。

404design：http://404design.org/

実装しよう！

f:id:BOEL:20150128114140j:plain

.htaccessに記述

実装のやり方は2つあります。まずは.htaccessに記述するやり方から。

404ページようのHTMLを作成します。ファイル名は任意でかまいません。ここでは「404.html」とします。「404.html」のファイルを「index.html」が置かれているディレクトリへアップロードします。次に、「.htaccess」の名前でファイルを作成します。そのファイルに下記を記述します。

ErrorDocument 404 /404.html

以上です！