プラカンブログSTAFF BLOG

2017.05.08

個人的に好きな404エラーページ9選(おまけあり)

突然ですが、みなさんには好きなサイトはありますか?
私は今まで愛生会病院のサイトがお気に入りでしたが最近リニューアルされたようで、もうあの姿は見れないのかと思うと寂しいような大切な何かを失ったような…そんな気持ちになりました。
でもまだ阿部寛さんのサイトがある!と自分に言い聞かせているOHMATAです。
今回はそんな私が選ぶ個人的に好きな404エラーページ9選をお届けしたいと思います。

そもそも404エラーとは何なのか。

ウェブサーバーの中に指定されたURLに対応するデータがないと送り返すことができない。そのため、ホームページのデータの代わりに「404 Not Found」といったメッセージを送り返す。これを一般に「404 エラー」と呼んでいる。404はエラーの番号。つまり、http という技術的な約束の中で発生するエラーの404番といった意味だ。

【404エラー】 用語解説辞典|【公式】NTTPC より

404エラーが表示されるのは以下の時が多いと思います。

  • ブックマークに登録していたページがリニューアル等でなくなった
  • ページにあったリンク先のページがリニューアル等で(以下同文)
  • URLのタイプミス
  • ページにあるリンクの記述が間違っている

エラーとはいえ、素っ気ない「Not Found」が突然出てくると切ないですよね。
たまに404エラーが出ることなく、トップページに飛ばされることもあります。切なくないですがちょっと唐突でびっくりしますよね。
以上は私感ですが、誰しも1度は見たことがあるだろう404ページは結構重要だと思うのです。

まずは有名どころを4つご紹介

404エラー界(そんな世界があるのかどうかわかりませんが)でも有名なサイトをまずはご紹介したいと思います。

ヤマト運輸

エラーページで猫を探すゲームができます。
ゲームに目を奪われがちですが、その他の情報も充実しているし良いページだと思いました。
ヤマト運輸「お探しのページが見つかりません Page not found」

見つかると嬉しい。そしてかわいい。

 WWFジャパン

アクセスする度にランダムで絶滅した動物が表示されます。
見ようとしていたページも、そして表示された動物も見ることが出来ない…悲しい。
そんな私にもできることはなんだろうと考えさせられるページです。
404エラー|WWFジャパン

株式会社サクラクレパス

トンチが効いてる!と感動したページ。
フォームイレーザーは忘れたい過去さえも消してくれそうな力があるように見えます。
404 File not found | 株式会社サクラクレパス

プラチナゲームズ株式会社

こちらもゲームができますが、ゲーム制作会社のサイトなので結構凝ったゲームになっています。
最近CMが衝撃的だったNieR:Automataを開発された会社だそうです。
これは書いていいのかわかりませんが、今回記事を書くにあたってソースを見たらゲームのヒントが!
それ以外にもソースには情報があったので、気になる方はご確認ください。
Bayonetta 8 Bit browser game “Angel Land” on 404 page. | PlatinumGames Inc. Official WebSite

お待たせしました!
ここからが私の個人的に好きなエラーページ9選です。

ANA

なんという爽やかさ!そしてセンスある文章。
飛行機苦手な私ですが、乗る時はANAにしようと思ったページです。他の航空会社も見てみましたが、断トツのセンスでした。こういうセンスが欲しいです。
指定されたページが見つかりません│ANA

日本郵便

右のスタンプが素敵!ANAもそうですが、その企業らしさをさりげなく演出してるところが私的に好感度が高いです。
このURLに該当するページは存在しません。 Page not found. – 日本郵便

京浜急行電鉄株式会社

関西に住んでいるので関東の電車のことはあまり存じ上げないのですが、このページを見つけた時に「今度関東に行ったら京急に乗ろう!」と思いました。
何度も言いますが、こういうさりげない演出が私は大好きです。
404 Page not found. | 【KEIKYU WEB】京急電鉄オフィシャルサイト

京阪電気鉄道株式会社

京急のサイトを見た時に思いました「関西の鉄道会社はどうなってるんだろう」と。
そして調べたらありました!おけいはんの京阪電車です。こちらは行き先も「???」になっています。
(私が思いつく関西の鉄道会社を調べたので、まだ他にもあるかもしれません)
404 PAGE NOT FOUND|京阪電気鉄道株式会社

江崎グリコ株式会社

404がポッキーで作られています。左のグリコマークといい、ひと目でグリコとわかるし、こういうの本当に好きです。
ウィンドウサイズを変えた時のハンバーガーメニューの挙動も気持ちよかったです。
404 エラー | 【公式】グリコ

日清食品

メガネが光るこのおじさまがとても気になります。
altを見ると「安藤百福」さん、チキンラーメンとカップヌードルを開発した創業者でした。
今までと違いすごくシンプルなだけにインパクトの強いページだなと思います。
お探しのページは見つかりませんでした | 日清食品グループ

日本コカコーラ株式会社

コカコーラらしいページ。まさか0を缶にするとは!こちらもシンプルでインパクト大のページになっています。
ソースがまた凝っていて「おおお」と声が出ました。
404-error: The Coca-Cola Company

Amazon(アメリカ)

アメリカのAmazonのエラーページはAmazonで飼われている犬がランダムで表示されてとても癒やされます。
では日本のエラーページは?と思って見てみましたが、すごく素っ気ないページが出てきてギャップに驚きました(差がすごいのであえてリンクは貼りません)。
こういうエラーページだと1日中見ていたいですね。
名前の下にある「Meet the dogs of Amazon」をクリックすると働くスタッフやワンちゃんの一覧・年齢を見ることができます。
Amazon.com Page Not Found

アメリカ航空宇宙局

NASAの404ページ。英語が苦手なので、翻訳サイトにお願いすると「あなたが探している宇宙物は、事象の地平線の向こうで消えました」と出ました。
事象の地平線とはなんぞや?ということで調べたところ

情報は光や電磁波などにより伝達され、その最大速度は光速であるが、光などでも到達できなくなる領域(距離)が存在し、ここより先の情報を我々は知ることができない。この境界を指し「事象の地平面」と呼ぶ。
事象の地平面 – Wikipedia より

ここより先の情報を我々は知ることができない…確かに。宇宙が好きな方には「わかるわかる」というネタなんでしょうか?そういうの好きです。
Wikiを見た感じではどうやら背景はブラックホールみたいですね。違っていたら教えてください。
404 | NASA

(番外編)勉強になるページ

よく考えられていて個人的に勉強になるなと思ったのが以下の2ページです。

本田技研工業株式会社

ホンダの404ページは、URLが大文字ではないかという指摘だけでなく、見ようとしていたページについて情報を送るフォームを載せています。
無効リンクを把握してなくそうとするだけでなく、恐らく表示崩れ等についても情報を募集していてとても良いなと思いました。
Honda | アクセスしようとしたページが見つかりません。

東京ディズニーリゾート

東京ディズニーリゾートの404ページは多言語対応しています。
サイト全体も多言語対応されていますが、海外の方が日本語のページサイトを見ていてエラーページが出た場合にもわかるというユーザー視点に立った内容が流石ディズニーだなと思いました。
404 Not Found|東京ディズニーリゾート

まとめ

いかがだったでしょうか。たかが404ページ、されど404ページ。
今回調べてみて色々な内容があり結構深いなと感心しました。
こんなにエラーページへのリンクを貼ることがないので、私はちょっと新鮮で面白かったです。

ちなみに弊社の404エラーページはランダムでスタッフが登場します。
こちらもぜひ楽しんでみてください。
404 Not Found | プラスデザインカンパニー【大阪・東京 ホームページ・WEB制作】

この記事は、OHMATA が書きました。
Webデザイナー募集中
Webデザイナー募集中(東京)ただいま東京事務所ではウェブデザイナーを募集しています!詳しくはこちらをご参照ください。