404エラーページのデザイン！not foundを効果的に使う5つの方法
404エラーページと言うとnot foundのためユーザーにとってネガティブな印象を与えるかもしれませんが、表示するコンテンツによっては長所にもなり得ます。今回は、404ページに載せるべきコンテンツをまとめて紹介しています。
テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
本稿は、WebDesignerDepotのブログ記事を許可を得て日本語翻訳し掲載した記事になります。
本記事は、WebやグラフィックデザイナーのJames George氏によって投稿されました。
私たちが、ソーシャルメディアやWebサイトのリンクをクリックするのは、自分の興味のあるコンテンツを見たくて、別のサイトへ飛びたいからでしょう。
しかし残念ながら、時間が経つと物事は変化してしまうもので、リンク切れが起こります。ページが遷移し、別のページに転送され、そして、404ページが表示されてしまいます。
これが意味することは、どこかでリンクが切れているか、あなたのWebサイトに不具合があるということです。ただ、使い方によっては404のページはむしろ長所になりえます。
もし、以下の豆知識に従うなら、あまり多くを失わずに済むのです。
1. コンテンツを見せるリストを作る
Webサイトのユーザーが探しているものを見つけられないという、ただそれだけの理由で、ユーザーを行き止まらせる必要はありません。
もし、あなたが質の高いコンテンツを作ることに集中するなら、その時はユーザーたちを、コンテンツに直接誘導することです。
もし、あなたがサイト内で他に行ける場所を提案するならば、他のページに遷移する機会を作ってあげることができます。ユーザーは探している情報を別のページで見つけるかもしれません。
これはどんなWebサイトにおいてもやるべき大事なことです。
2. 代わりに無料配布物やインセンティブを与える
たとえ探しているものを訪問者が見つけられなかったときでも、彼らを将来のお客さんにすることができないわけではありません。そこで、価値のある情報か、ダウンロードコンテンツをインセンティブとして提案しましょう。
これによって、一度登録やダウンロードしたユーザーに後で働きかけることができます。
Webサイト全体の目的は、自分たちのビジネスのために、優位性を生み出すことにあります。
歯医者や、医者、弁護士のように、ひとりのお客さんは数百ドルを収益に変える存在です。Webサイトの訪問者を手放さず、彼らにお客さんになってもらうよう、あらゆる努力をするのは理にかなっています。
3. 検索窓を加える
ユーザーが探しているものを見つけやすいように、クライアントが持つWebサイトの404のエラーページに、検索窓を置くことは有効です。
もし、リンクが切れていても、訪問者がサイト内部で探す機会を与えられれば、検索結果によって、彼らを正しい方向へ仕向けられるかもしれません。
Twitterはこの点で良いユーザー体験を提供しています。すなわち、ユーザーが求めていることを達成するために、サイト内検索へと導いているのです。
4. 直接連絡の取れるコンタクトフォームを置く
多くの404エラーページには、実用的なコンタクトフォームを設置すると良いでしょう。
これによって、二つの異なる目的が果たされるのです。リード獲得としてユーザーがWebサイトの運営者に直接接触することは、素晴らしい方法だと言えます。
たとえ探していた情報を訪問者が見つけられなかった時でも、彼らに対してビジネスをする機会を与えることができるのです。
404のエラーページにコンタクトフォームを設置することが役に立つ、もう一つの理由は、ユーザーがエラーを知らせてくれる機会になるからです。このおかげで、将来Webサイトを訪れる人の為に、不具合を修正しておくことができます。
コスパとタイパ、両方結果的に良くなる良くなる学び方とは？
「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。
もちろん、時間も費用もかかることは間違いありません。
ただ
結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。
コスパ・タイパ最適化の参考として、
テックアカデミー卒業生がスクールを選んだ理由
をご紹介します。
- ・困ったときに、質問や相談できる相手がいるため挫折しなかった
- ・プロとして必要なスキルのみを深く学べたので無駄がなかった
- ・副業案件の提供と納品までのサポートがあったので目的を達成できた
安価・短期間で広く浅く学んでも意味がありません。
本当に自分の目的が達成できるか、それが重要です。
自分にどのスキルや学び方が合っているか、どんな学習方法かなど、お気軽に
無料相談
に参加してみませんか？
カウンセラー・現役のプロへ、何でも気軽に無料相談可能。
30分か60分お好きな時間が選べて、かつ3回まで
すべて無料で
ご利用できます。
無理な勧誘は一切ない
ので、お気軽にご参加ください。
5. 滑稽さを出さない
デザイナーや開発者の中には、404エラーページを滑稽なやり方で見せようと提案する人もいます。私のアドバイスでは、いつもこのやり方には反対してきました。
というのも、これではユーザーに誤ったメッセージを送ってしまうからです。
例えば、重要な情報を探している場面を想像してください。送られた先が、単なるおふざけのエラーページだったらどうでしょうか。ほとんどのユーザーは、不完全なWebサイトを面白いとは思いません。
実際、Webサイトの訪問者は、ただ探している情報を見つけたい一心で出たり入ったりします。ユーザーの多くは、まわり道をせずにできるだけサッサと自分の目的を済ませたいのです。
結論
以上の提案は、Webサイトのユーザーを、サイト内で行き詰らせるべきではないことを示しています。
ユーザーに他の選択肢を与えることで、エラーページでさえ使い勝手が良いと感じることもあります。
重要なのは、Webサイトに来るユーザーに何を意図するか、その結果を元に選択するべきです。
もしあなたが、Webサイトを管理するときは、エラーに遭遇する人たちの追跡が重要です。多くの場合、ユーザーが探している情報を確実に見つけさせるように、こちらが接触する努力は、その人との信頼と親密さを築き上げるのです。
もしユーザーが不具合を報告しておきながら無視した場合、それは個々のユーザーのことはどうでもいいと相手に伝えているようなものです。この状況では、小さな改善をコツコツと進めましょう。
また、Webサイト上でエラーに遭遇した人たちを追跡することは、サイト上の問題を発見し解決することにつながります。不具合についてのより詳細な情報を手に入れることができ、それを適切に修正することができるのです。
また、TechAcademyでは初心者でも最短4週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。
現役のWebデザイナーがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、最短4週間でオリジナルのWebサイトを開発することが可能です。
独学に限界を感じている場合はご検討ください。
プログラミングを独学で学習していて、このように感じた経験はないでしょうか？
- ・調べてもほしい情報が見つからない
- ・独学のスキルが実際の業務で通用するのか不安
- ・目標への学習プランがわからず、迷子になりそう
テックアカデミーでは、このような
学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供
しています。
30分間、オンラインでどんなことでも質問し放題です。
「受けてよかった」と感じていただけるよう
カウンセラーやエンジニア・デザイナー
があなたの相談に真摯に向き合います。
「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」
こんなささいな悩みでも大丈夫です。
無理な勧誘は一切ありません
ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。（1週間限定）
