404エラーページをオリジナルでつくる方法

カテゴリー︎: 【.htaccess】・【なるほど!】

サイト内の存在しないページに

ユーザーがアクセスした場合

404 Not Found となる

一般的に、404エラーページ表示の設定をしていないと

下記のように表示される
↓↓↓

これだと、簡素すぎる。。。し、

ものたりない。。。

ので、自分で404エラーページを作り

オリジナルの404エラーページを表示させる方法は下記の通り

準備(1)

404エラー発生時に表示させるページを作る
フィル名 → 404.html

準備(2)

.htaccessに記述する

ErrorDocument 404 /404.html

準備(3)

上記でつくった2ファイル(404.html と htaccess)をサーバにUPする

以上!

たったこれだけで

ファイルが存在しないアドレスにアクセスされた場合に

404エラーページを表示することができる

404.htmlページを自由にカスタマイズして

ユーザーにメッセージを伝えることができる

【参考サイト例】

WWF(世界自然保護基金)ジャパンの404ページ

こちらの404エラーページでは、絶滅した動物が表示される

あえて404エラーページに

さりげなく、絶滅した動物を見せることで

訪問したユーザーに切ない思いを伝え

寄付金として支援を促す

という目的意識がはっきりしている

あえて「でしゃばらないメッセージ」

として404ページを上手にカスタマイズしている

参考になるサイトの1つである

PAGE TOP