404エラー(not found)ページをカスタムすべき理由と思わずクスッとする事例10選

事例

マイクロコピー編集部


マイクロコピー編集部です。売れるための最強の一言である「マイクロコピー」を広めるため、日々マイクロコピーの有用性を発信しています。


404ページの事例10選

「お探しのページが見つかりません」

無効なリンクをクリックしたときや、ページが削除されたときに表示される404エラー(not found)ページ。

無機質なデフォルトの代わりに、カスタム404ページを用意しましょう。

ブランドの個性を表現した楽しい404メッセージは、直帰率を下げ、全体のコンバージョンをあげてくれます。

今回は、発見するとむしろ嬉しくなってしまう404ページの事例10選をご紹介します。

①Amazon

世界で一番有名なカスタム404ページがAmazonかもしれませんね。

「ごめんね」というメッセージとともにAmazon社員の愛犬の写真と名前がランダムに表示されます。

参考:https://www.amazon.com/404
(↑このページをリロードすると無限に犬が見れます)

「Meet the dogs of Amazon」と書かれたリンクへ飛ぶと、Amazonのオフィスでイキイキと過ごす犬たちのショートムービーが流れました。犬好きにはたまりませんよね・・・

さらにこちらの404ページでは、検索窓とトップページへのリンクをつけることで離脱をしっかり防いでいます。

②WWFジャパン

WWF(世界自然保護基金)ジャパンの404エラーページでは、絶滅した動物がランダムで表示されるようになっています。

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

エラーが出たWebページも、絶滅動物も、永遠に失われてしまった・・・。
深いメッセージ性がありますね。

③GitHub

ソフトウェア開発のプラットフォームGitHubの404エラーページは、スターウォーズエピソード4のパロディです。

参考:https://github.com/404

「This is not the web page you are looking for.」というメッセージも、劇中のセリフ「These are not the droids you’re looking for.」が元ネタになっています。

④MARVEL

MARVELの404エラーページを訪れてみると、デッドプールにからかわれれてしまいました。

”オマエが壊したな!…いや冗談だよ”

参考:https://www.marvel.com/404

何パターンか用意されているようです。マーベルファンにはむしろ嬉しい404エラーですね。

⑤NASA

NASAの404ページにはNASAならではのユーモアがあります。

”探している宇宙物体は地平線の彼方に消えていきました”

参考:https://www.nasa.gov/404/

⑥BURTON

BURTONスノーボードの404ページもキャラが濃いです。

”迷子のようだね。送っていこうか?”

参考:https://www.burton.com/jp/404

ジョークを飛ばしつつも、すぐ下に検索窓を大きく表示させているところが親切ですね。

⑦AIR CANADA

カナダの航空会社AIR CANADAの404ページは、紙ヒコーキになって飛んで行ったようです。

参考:https://www.aircanada.com/404

⑧ヤマト運輸

ヤマト運輸の404エラーページに飛ぶと、大量の荷物の中からクロネコを探すミニゲームが始まります。

参考:https://www.kuronekoyamato.co.jp/ytc/404error.html

⑨Figma

UIのデザインツールを提供しているFigmaは、「404」のアンカーポイントを動かして、文字をデザインすることができます。Figmaならではの遊び心ですね。

参考:https://www.figma.com/404/

⑩note

noteでは、「404ページをクリエイターの作品を静かに見られる美術館にする」というコンセプトで「note 404美術館」という企画を行っています。

参考:https://note.com/404.html

404エラーを参加型のコンテンツにしてしまうとは、さすがですね。

Webページの平均寿命は100日程度

直帰率を減らし、全体のコンバージョンを増やすためにもカスタム404エラーページを用意しましょう。

404ページをただの行き止まりにしてしまうと、元のページに戻るかブラウザタブを閉じるしか選択肢がありません。

エラーメッセージだけでなく、お客さんが自力でお目当てのコンテンツにたどり着ける手がかりを用意することも忘れずに↓

  • サイト内検索
  • ナビゲーションメニュー
  • ホームへのリンク
  • サイトマップリンク
  • カテゴリー・タグリンク
  • よく読まれている記事一覧
  • 人気の商品一覧
  • FAQページ

ユニークな404ページが作れると、AmazonやクロネコヤマトのようにSNSでバズるかもしれませんよ!

\ この記事をシェアする /

,
前の投稿
🌈 LGBTフレンドリーな会員登録画面6タイプ
次の投稿
【必見】最低限覚えておきたいチャットボット3つの用途と成功事例


マイクロコピーメルマガ購読 
*
メニュー