404ページを活用する方法は？

WebサイトでNotFound（404）エラーが発生したことがありますか？ 見つからないページにアクセスした訪問者を変換する機会があることを知っていますか？ この記事は、404ページを活用するのに役立ちます。

404ページを追跡するようにGoogleアナリティクスを設定していない場合に備えて。 これがあなたのウェブサイト用に設定された公式ブログです。

あなたが正しく知っているなら、ウェブはHTTPプロトコルで動作します。 Webサーバーは、リソース要求ごとに適切なHTTPステータスコードを返します。

知っておく必要のある4つの基本HTTPステータスコードがあり、それらは200 –見つかった、 301 –永続的に移動した、 404 –見つからなかった、 500 –内部サーバーエラーです。 404 –見つかりませんと500 –内部サーバーエラーは、最も表示されるステータスコードの2つです。

404と500の唯一の違いは、ウェブサーバーで設定エラーが発生しているため、500の場合にサーバーで生成された出力が表示されないのに対し、404エラーが見つからない場合は割り当てられたエラーページが表示されることです。

404は、訪問者がWebサイトに存在しなかったリソースを要求したり、削除したページ/リソースを要求したり、URIにエラーやタイプミスのあるリソースを要求したりするなど、さまざまな理由で発生する可能性があります。

これらの古いページ、投稿、メディアリソースを削除したい場合があります。 そして、この場合404エラーが発生するのは、自然なプロセスです。 何も悪いことはありません。

少し調べてみると、ほとんどのWebサイトに静的な404ページが配置されていることがわかります。 エラーが見つからない場合は、同じページが表示されます。 設計者が十分な経験を積んでいる場合は、ホームリンク/ボタンへの小さなナビゲーションを配置した可能性があります。

404ページでさらに1マイル走ってみませんか？ 404ページを少しインタラクティブにするとどうなりますか？ 可能性を探りましょう。

静的404ページをよりインタラクティブなページに変える4つの方法は次のとおりです。

1. 最も関連性の高いリンクユーザーが検索した404ページ
2. あなたの最高の無料オファーを含む404ページ
3. リンクアシスタント付きの404ページ
4. 宣伝したいリンクのある404ページ

01.ユーザーが検索した最も関連性の高いリンクを含む404ページ：

あなたの訪問者があなたのウェブサイトで何を検索していたかを知ることが重要です。 最適なリソースへの適切なリンクをユーザーに提供することは、おそらく訪問者に提供できる最高のユーザーエクスペリエンスになります。

どのユーザーが検索していたかをどのように知ることができ、彼の検索に基づいてリンクをどのように提案するかという疑問が生じる可能性があります。

さて、ソリューションは最初は複雑に見えるかもしれませんが、開発するのはそれほど複雑ではありません。 開発者であれば、要求されたリソース文字列を抽出し、Webサイトにあるそのリソースに対して正規表現チェックを行うことができることを知っているでしょう。

たとえば、オーディオ製造ブランドの大多数にスピーカー修理サービスを提供しています。 たとえば、BoseX1スピーカーがリストに含まれています。 しかし、訪問者は、要求されたリソースとしてBoseX10を使用してサイトにアクセスします。 Bose X10という名前のスピーカーはないので、当然、リストに含まれていてはなりません。

404ページに表示できるのは、修理するすべてのBOSEスピーカーを一覧表示することです。 そして、可能であれば、それらのBOSEXシリーズスピーカーを最初にリストしてください。

これは、404ページにアクセスしたにもかかわらず、ユーザーが適切なページに移動するための最良の方法である可能性があります。 その404ページを変換する可能性は非常に高いです。 あなたは彼が実際のページに移動するのを手伝いました。

さらに、これはあなたのウェブサイトのバウンス率を下げるのにも役立ちます。 最適なページへの推奨リンクを表示しない場合、訪問者がWebサイトに戻ったり離れたりする可能性が高くなります。

02.あなたの最高の無料オファーを含む404ページ：

最も関連性の高いリンクを表示することは、あなたのWebサイトではまったく不可能であると考えてみましょう。 または、コーディングに関することはあまりやりたくないでしょう。 これは、最初に最適なオプションかもしれません。

訪問者があなたのウェブサイトの404ページにアクセスしたら、彼/彼女が探しているリソースが利用できないことを残念に思うというメッセージを彼らに示してください。

謝罪のテキストの直後に、あなたのウェブサイトで実行されている最高のオファーを彼らに示します。 これは、最も人気のある製品を5％または10％割引したり、メールと引き換えに価値のあるものを無料で提供したりするようなものかもしれません。

これは、404ページに到達した他の製品や製品にすべての訪問者を引き付け続けるための最良の方法かもしれません！

03.リンク支援付きの404ページ：

ナビゲーションはいつでも404ページに表示できます。 しかし、訪問者がナビゲーションパネルにアクセスし、訪問したいページを特定して、そのページにアクセスする可能性は非常に高いです。 それらの大部分はただ去ります。

明確な404エラーメッセージとともに、Webサイトのさまざまなリソースへのすべての重要なリンクを含む404ページのデザインを作成できます。

これは、ユーザーが間違ったページにアクセスしたことを理解するのに役立つ場合があります。 404ですが、彼はWebサイト上のすべての重要なリソースを表示するリンクのリストを持っています。

04.宣伝したいリンクのある404ページ：

とてもシンプルです。訪問者にアクセスしてもらいたいリンクを404ページにまとめてください。 この道を一人で行くことはお勧めしません。 提案03と04の混合が機能する可能性があります。

本当に宣伝したいページのリンクを404ページに保持しておくと、それらのページへのアクセス数を増やすのに間違いなく役立ちます。 欠点は、高いバウンス率に寄与する可能性のある、より多くの無関心な訪問を生成していることです。

私がここで行う唯一の提案は、この道を進む場合は、無料または非常に一般的な性質の製品を少なくとも1つ用意してください。 つまり、誰もがあなたが行っている提供物に関係することができるでしょう。 エンゲージメントを向上させるのに役立つ、非常に手頃な価格または無料のいずれかです。

クリエイティブ404ページの人気のある例

あなたのウェブサイトのために404ページを作成している間にいくつかのインスピレーションを探しているなら、ここに私の個人的なお気に入りの404ページの例のいくつかがあります。

Wufoo

Wufooは、インターネットで人気のあるお問い合わせフォーム統合サービスの1つです。 ページの全体的なテーマと、ページの他の部分との違いを示す緑色のボタンを確認してください。

恐竜は見つからないメッセージを表しており、[無料の召喚状を作成]ボタンをご覧ください。 ボタンを押して、見つからないページでも何らかのアクションを実行するようにユーザーに明確に指示します。

ナビゲーションを一番上に保つ代わりに、CTAボタンの下で選択したナビゲーションアイテムを使用しました。

AirBnB

AirBnBが、明確な404メッセージ、見つからないイラスト、小さな領域の下のナビゲーションリンクから、すべてを正しく表現している様子をご覧ください。

AirBnBのウェブサイトで道に迷ったユーザーはこのページにたどり着きます。このページには、ユーザーを重要なページに戻し、ウェブサイトでのエンゲージメントを維持するために必要なすべての方向（リンク）があります。

メールチンプ

Mailchimpの非常に人気のあるEメールマーケティングプラットフォームには、美しい404ページがあります。 彼らは、森で迷子になっているように見える人に適用されたスタイリングのようなハルクを備えたモンキーを使用しました。

この404に到達したユーザーは、イラスト付きの明確なメッセージ、イラスト付きの明確なメッセージを受け取ります。

最良の部分は、使用が道に迷ったことを彼らが知っていることです。そのため、彼は見つからないメッセージの直後に検索バーを見つける可能性があります。 ユーザーは、検索を使用して、以前に探していたリソースを検索できる可能性があります。

検索がリソースの検索や検索を好まない場合は、検索バーのすぐ下に美しいナビゲーションが含まれています。

Bitly

Bitlyは、カスタムブランディングやクリック分析などの優れた機能が満載された最も人気のあるURL短縮サービスの1つです。

どうやら彼らは美しくて意味のある404ページを持っているようです！ 数秒を費やすと、デザイナーが海を空にしたことに気付くでしょう。 水中に何もないことを意味します。これは、要求されたリソースに何も見つからないことを明確に示しています。

ヘッダーにナビゲーションパネルはありません。 このページにはエラーメッセージが表示され、下部に3つのシンプルで最も基本的なナビゲーションリンクが続きます。

物事をよりインタラクティブにするために、設計チームはマウスの動きのイベントに波の効果を加えました。 このページにアクセスして体験してください。

クックレット

クックレットの空の皿の美しいイラストは、あなたが探しているものが存在しないことを明確にしています。

ああ、いや！ 空のプレートと一緒に、見つからないメッセージを伝えます。 興味深いのは、Get Back（javascript history back）アクションリンクを作成し、見つからないメッセージの下で利用可能なホームページリンクに移動することです。

さらに、検索バーをそのままにしてヘッダーを保持します。 前のページまたはホームページ以外をナビゲートしたいユーザーは、リソースを簡単に見つけることができることを意味します。

これらのいずれかをテストしましたか？

上は私自身のウェブサイトの404ページの画像です。 当初、404ページにはボタンやリンクがありませんでした。 それはエラーメッセージを表示するプレーンな404ページでした。

ページの他の要素と区別し、訪問者がそれを押すように動機付けるボタンを追加しました。 これを押すと、ユーザーはホームページに戻ります。 シンプルなボタンは、訪問者を私のWebサイトのホームページに誘導し、Webサイトへのアクセスを維持するのに役立ちました。

ポイント1で説明したページに、より動的なものをすぐに追加する予定です。

結論

404を持つことは、どのWebサイトにとっても当然のことです。 しかし、404ページを適切に活用し、それらの404訪問者を顧客に変えることは、真の賢さです。 説明した手法は、バウンス率を下げてエンゲージメントを向上させるのに役立ちます。