TOPICS
トピックス

404エラーページって?ユーザビリティを考えたエラーページ

こんにちは!ウェブエイトのすみっこ担当、Webデザイナーのももせです。
みなさん、404エラーページってご存知ですか?
そうです!「お探しのページがみつかりません」ってやつです!!!
期待して開いたページにあれが出てくると結構がっかりしてしまうんですよね。

今回はそんな見ている側にとっては切ないエラーページ、そして制作側・管理側からするとヒヤッとしてしまう404エラーページについてご紹介したいと思います。

そもそも404ページって?

404(not found)とは、存在しないページにアクセスしたときにサーバーから返されるHTTPレスポンスコードのことです。

例えば…
・ページ自体が削除されている
・サイト側のリンク設定ミス
・URLを間違えた

こんなときに表示されるページで、エラーページの中では比較的目にする機会が多いページかと思います。
(エラーページには他にも403 Forbidden(禁止されている/アクセスする権限がない)、500 Internal Server Error(サーバ内部エラー)など実はまだまだたくさんあります。)

ブックマークしておいたページに久しぶりにアクセスしてみたらページがなくなっていた!!なんて経験はありませんか?そうですそれです!
URLをたった一文字間違えただけで表示されるページだからこそ、そこにこだわっているサイトもたくさんあるんです!
せっかく訪れてくれた人ががっかりして帰って行っていってしまうなんてもったいないですしね!

WWFジャパン

404%e3%82%a8%e3%83%a9%e3%83%bc%ef%bd%9cwwf%e3%82%b7%e3%82%99%e3%83%a3%e3%83%8f%e3%82%9a%e3%83%b3

https://www.wwf.or.jp/404

「存在しない」ページにかけて、絶滅動物の紹介をしています。
ちなみに絶滅動物はランダムで何パターンか用意されているという遊び心付き。
その下にはきちんとサイト内検索フォームもついていて親切です。

サクラクレパス

404-file-not-found-%e6%a0%aa%e5%bc%8f%e4%bc%9a%e7%a4%be%e3%82%b5%e3%82%af%e3%83%a9%e3%82%af%e3%83%ac%e3%83%8f%e3%82%9a%e3%82%b9

http://www.craypas.com/404

さりげなく自社製品の紹介を混ぜていてうまいです。
TOPページへのリンクやサイトマップへのリンクに加え、消しゴム(フォームイレーザー)のページへのリンク。(思わず飛んでしまいました。笑)

任天堂

%e3%81%93%e3%82%99%e6%8c%87%e5%ae%9a%e3%81%ae%e3%83%98%e3%82%9a%e3%83%bc%e3%82%b7%e3%82%99%e3%81%8b%e3%82%99%e8%a6%8b%e3%81%a4%e3%81%8b%e3%82%8a%e3%81%be%e3%81%9b%e3%82%93%e3%81%a6%e3%82%99%e3%81%97

https://www.nintendo.co.jp/404

シンプルにまとまったページにドット絵のマリオが可愛いエラーページです。
TOPへ導くボタンがわかりやすく、さらにその下にも主要サービスの情報がまとまっています。

まとめ

本来は表示されることがあってはならないエラーページ。
目にすることがないのがいちばんですが(サイトを制作する側としてもとても注意している部分です)、万が一に備えて最低限ヘッダーとフッターは他ページと揃えておくこと(真っ白いページにNot FoundはNG!)、これだけで印象はずいぶん違ってくるかと思います。

…こうやって敢えて404ページを表示してやろうとする輩もいますしね(・×・)ふふ。

INQUIRY
お問い合わせ

お電話によるお問い合わせ

tel.0263-25-9308
受付時間:月曜〜金曜(平日)10:00〜18:00

お問い合わせフォーム

お問い合わせ項目

会社名

お名前 (必須)

フリガナ (必須)

メールアドレス (必須)

メールアドレス確認用 (必須)

お電話番号 (必須)

ご住所 (必須)

お問い合わせ内容

stuff Maruyama
私が誠心誠意お応えします