はじめまして〜〜ざきちゃんです🥳半年ほど前に入社しました。初めてブログを書かせていただきます！！
今回、Kイメージングシステムのコーポレートサイトをリニューアルする際に、404ページを作るためにいろんなサイトの404ページを見に行ってみました。
その際に面白いページをたくさん見つけたのでご紹介します💁♀️
そもそも404ページって何？
サイトの紹介の前に404ページについて軽く説明します。
「クライアントがサーバに接続できたものの、クライアントの要求に該当するものをサーバが見つけられなかったことを示すもの。」です。
真っ白なページに、ただ「Not Found」と書かれたページを見たことがある人も多いかと思います。↓こんなの
404ページが表示される原因
考えられる原因としては、
・誤ったURLを入力してしまった
・該当するページが消えてしまった
・URLが変更されてしまった
・リダイレクト設定に不備がある
などの理由で表示されます。
多くのユーザーはこのページを見ると、「なんだこれ？？」となって離脱してしまうことが多いようです。確かに、ただ「Not Found」と書かれた白いページを見ると閉じたくなってしまいますよね。
そこでカスタム404ページを作ることがおすすめです。
カスタム404ページとは
404エラーの時に表示させる、自分で作成したエラーページのことです。
真っ白で素っ気ない404ページを出すよりも、サイトの雰囲気に合わせたり、別のページに案内したりするためのエラーページを出す方が、サイトの離脱率減少に繋がります！
カスタム404を作成する時にどんな情報を記述すべきか
・探しているページが見つからないことを分かりやすく伝える。
・404ページをサイトの雰囲気に合わせる。
・トップページや、人気のある記事へのリンクを追加する。
・サイト内を検索できる検索ボックスを設ける。
などの手段を使うことで、ユーザーに分かりやすいカスタム404ページになります！
それでは〜〜〜お待たせしました！最後に、面白い404ページをご紹介します💁♀️
ゾゾタウンの404ページです。「NOT FOUND」の文字が商品として並べられており素敵です・・！しかも実際に売られている商品だ・・・👏
Figmaの404ページです。アンカーポイントを動かすことで、「404」の文字をデザインすることができるようになっています！！
ヤマト運輸の404ページです。段ボールの中に隠れるクロネコを探すミニゲームが始まって面白いです！🐱
プラチナゲームズ株式会社の404ページです。ゲームが面白くて404ページのためにサイトに訪れてしまいそうです👾
株式会社LIGの404ページです。心の準備ができた方は、混沌と破壊の衝動に身を任せ進んでみてください・・・。👽
このように面白い404ページが出てくると、真っ白のページが出てきた時と違ってページから離れようと思わないですし、むしろ宝箱を見つけた感があって楽しい〜〜〜〜！！と思いました。また探してみます🧚♀️✨✨