あなたのeコマースストアのための完璧な404ページをデザインする方法

移動したページ

当たり前のように思えますが、404ページのほとんどは、サイトの所有者が一般的にWebページの名前を変更したり移動したりしたときに発生します。 古いURLは、301リダイレクトを使用して新しいサイトにリダイレクトする必要がありますが、発生する必要はありません。

Webディレクトリ

Webディレクトリを変更すると、ユーザーはURLを変更するか、更新せずにURLを移動/削除する必要があります。

ディレクトリ内で更新されない内部リンクは、404エラーページにつながる可能性があります。 しかし、これらすべての問題の後、Webサイトは訪問者が遭遇する404の問題の17％しか占めていません。 したがって、エラーを修正したり、リダイレクトを設定したりするためにサイトをクロールすることにどれほど熱心に取り組んでいるかに関係なく。 ユーザーはあなたの過失なしに404ページにリダイレクトします：

一般的に、404エラーページの主な理由は次のとおりです。

• 訪問者の23％だけが、404ページに遭遇した後、欠落しているページを2回目に見つけようとします。
• ウェブサイトのパフォーマンスに満足していない訪問者の79％は、同じサイトから再度購入することはないと述べています。
• 平均して、新しい顧客を獲得することは、既存の顧客を維持するよりも5倍の費用がかかります。

NS。 検索エンジンであなたのサイトのインデックス付きページ数を増やします：

サイトのページ数が増えると、デッドリンクも増えます。 あなたは404ページを通して索引付けされたあなたのウェブサイトページを増やすことができます。 404エラーページをウェブサイトのランダムな内部ページにリンクする必要があります。

NS。 一貫したブランドイメージを構築する

私たち人間は一貫性を好みます。 お店に親しんだ後、無意識のうちに信頼し始めます。 主な焦点は表面にあります。 一般的な404ページでは、ユーザーエクスペリエンスが低下します。 HTTPステータスコードを削除することはできませんが、カスタムエラーページを使用して問題を特定し、UXを改善することはできます。

ログファイルを取得し、問題情報と応答コードをキャプチャして、適切に処理します。 ユーザーがあなたの店の行き詰まったリンクにたどり着いた場合、あなたの香りを披露することが不可欠です。 デザインは、ユーザーが別のサイトにいることを妨げてはなりません。

つまり、404エラーページには、同様のフォントスタイル、カラーコード、ロゴ、ナビゲーション、ヘッダー、フッターが必要です。

NS。 再エンゲージメントと不幸な訪問者

特定の商品に関する情報を求めてストアにアクセスしたユーザーについて考えてみます。 ただし、検索エンジンの結果からWebページをクリックすると、応答可能なページは表示されませんが、「ページが見つかりません」ページが表示されます。 それはユーザーをひどく感じさせるでしょう。
ただし、サイトのページへのリンクをユーザーに提供すると、ユーザーに再度働きかけることができます。 このように、あなたは彼らの注意を保ちます。

NS。 ブランドの個性を示す

企業として自分をアピールすることはできません。 あなたのブランドは人間味を与えるべきです。 あなたの個性を示すことによって、あなたはあなたのターゲットオーディエンスとより良くつながることができます。 あなたのウェブサイトとのユーザーの相互作用は彼らが気分が良くなるはずです。 人間の意思決定はほんの一瞬で行われます。

したがって、404エラーページを媒体として使用して、自分自身を表現し、訪問者を気持ちよくさせ、視聴者との関係を強化する必要があります。 顧客の不満を認め、何かがうまくいかなかったことを受け入れます。 これにより、個人的なやり取りが作成されます。

e。 コンバージョン率を上げる

404エラーページを作成することで、間違いを受け入れ、ユーザーがストアで楽しい時間を過ごせるようにします。

404エラーページのカスタム応答は、おそらくユーザーの脳からあなたのウェブサイトの壊れたリンクの悪い記憶を消し去るでしょう。 そしてそれは彼らがあなたに二度目のチャンスを与える可能性を高めます。 これは仮説のようなものです。

ただし、404ページに割引を提供することで、実質的にコンバージョン率を上げることができます。 はい、カスタムエラーページを使用して変換します。 このようにHTTPステータスコードは収益にエラーをもたらします。

1.ナビゲーション

404エラーページに到達したユーザーの最初のニーズはナビゲーションです。 ユーザーを行きたいページにリダイレクトする必要があります。 ホームページまたはその他の関連ページへのリンクが最適です。 メニューバーのナビゲーション（他のWebサイトのページにもあります）も提供しています。 可能であれば、チャットボットを使用して失われた訪問者を招待することもできます。

2.トーン

上で述べたように、404エラーページにはブランドの個性も反映されている必要があります。 404ページにアクセスしたユーザーが、まったく別のWebサイトにアクセスしたと感じたくない場合。 テーマとスタイルは一貫している必要があります。

3.SEO

404エラーページが避けられないことは誰もが知っています。 壊れたリンクは404ページにつながり、避けられません。 しかし、404ページは、適切にカスタマイズされていれば、ダメージを減らし、ネガティブな体験をポジティブな体験に変えることさえできます。

4.創造性

404ページは、あなたの創造的なスキルを紹介する最高の機会を提供します。 冗談を言ったり、双方向性を提供したり、相互作用したり、リラックスしたり、楽しい要素を表示したりできます。

1.アマゾン

アマゾンの本社で働くために7,000匹以上の犬が合法的に登録されていることを知って驚くでしょう。 アマゾンのペットにやさしい性質はウイルス性であり、同社は犬にやさしい文化を誇らしげに共有しています。 また、404エラーページからも紹介されています。

誰もが犬を賞賛し、愛らしいと感じていますが、アマゾンは彼らが仕事に持ってきたアマゾンの犬の画像を表示することで、犬を次のレベルに引き上げます。 また、404ページには、家へのリンクと、飼っている他の犬に関する記事があります。 Amazonの404エラーページにアクセスしたユーザーは、検索バーを使用して目的の製品を探すこともできます。

2.eBayキャラクターの動き

eBayeBaysignificanthighlyは人気があり、世界中で最も古いeコマースストアの1つです。 同社は404エラーページに簡単で繊細なデザインを採用していますが、それでもユーザーフレンドリーです。 ユーザーはページでトレンドの取引を見つけることができ、サイトをさらに進んで製品を購入するようにユーザーを引き付けることができます。 これとは別に、検索バーとホームページへのリンクがあります。
それは高度に変換されており、素晴らしい例であるため、eBay404ページを参照できます。

3.イケア

世界中に大規模な家具店を持つトレンディな家具ブランドであるIKEAは、さまざまな家具製品を提供しています。 同社は、モバイルアプリ、ウェブサイト、さらには404ページを通じて、より優れたショッピング体験を提供するという点で非常に革新的です。
彼らは404エラーページで卓越したレベルの創造性を披露しました。 展開された要素は、会社の仕事とブランドを強調しています。 ダイレクトメッセージやホームページへのリンクとペアになっています。 気を散らすことを避けるためにページ上に他の要素はありません、そして焦点は明確です–失われた顧客をウェブサイトのホームページにリダイレクトすること。

4.ミントラ

ミントラは、インドのファッションeコマース業界で広く使われている名前です。 このファッションeコマースサイトでは、あらゆる年齢層や性別のウェアラブルを幅広く見つけることができます。 お店の404ページも綺麗です。 ナビゲーションが失われたという考えをユーザーに示していると同時に、ユーザーが商品やカテゴリなどを検索できる検索バーがあります。
Myntraの404ページには、ウィッシュリスト、カートページのリンク、プロファイルリンク、検索ボックスなど、顧客が必要とする可能性のあるすべてのものがあります。

5. Github

Githubは、404エラーページでユーモアとポップカルチャーの両方の参照を使用しており、エラーページにアクセスしたときの厄介さを和らげる面白いメッセージを配信しています。 混乱を招かないように、簡単なナビゲーションオプションがあります。 検索バーとサポートへのリンク、およびステータスページがあります。

ただし、情けの一撃は、画像をユーザーのカーソルにふざけて反応させる微妙な視差効果です。 このアニメーションは、GitHubのデザイナーが視聴者と非常に調和していることを示しています。

6. BigCommerce

BigCommerceは、一流のeコマース開発プラットフォームです。 何千ものeコマースストアがこのプラットフォーム上に構築されています。 404ページで、ユーザーはサイバースペースで失ったことを簡単に理解できます。 ホームページとは別に、彼らはユーザーを上陸させたい特定のものをリストアップしました。

デモを予約したり、404エラーページから連絡したりする機能もあります。

7.ヘッドスペース

オンライン瞑想サービスでは、ヘッドスペースはかなりの評判を得ています。 彼らのチームは人間の脳がどのように機能するかを理解しているため、404エラーページにはその目的しか示されていません。 製品に焦点を当て、ユーザーをストレスから落ち着かせるために何ができるかを示します。 失われた訪問者がしばらくの間見ることができ、いくらかのヘッドスペースを得ることができるキャラクターのゆっくりとしたリズミカルな動き。 ストレスがなく、息を吸ったり吐いたりするようにユーザーに指示します。

8.ヴォリュージョン

Volusionは、eコマースストアを開発できるクラウドベースのeコマースソフトウェアです。 販売者は、商品の追加、カテゴリの作成、支払いの詳細の追加、販売の開始を行うことができます。 404エラーページには、ユーザーにとって非常に魅力的なカラフルなボールがあります。
そのブランドを示すために、デザイナーはVolusionロゴのボールに色の組み合わせを使用しました。ボールが落ちた後のすっきりとしたページにはホームページのリンクが表示されます。

9.Squarespace

有名なウェブサイトビルダーであるSquarespaceを使用すると、マーチャントはウェブサイトを構築してホストできます。 ユーザーは、ドラッグアンドドロップ機能を備えたビルド済みテンプレートを使用して、CMSおよびWebページを作成できます。 404エラーページには、ユーザーが楽しめるアルファベットゲームがあります。 ユーザーはカーソルを使用してアルファベットを移動できます。 ユーザーがゲームをプレイしたくない場合は、提供されたリンクにリダイレクトするだけです。

10. Le SINGE

最後になりましたが、LeSINGEには404ページの素晴らしいコンセプトがあります。 それは彼らがしていることのためにすぐに彼らを売ります。 404は暗闇で描かれており、ユーザーのカーソルが移動すると、画面のその部分にスポットライトが当てられます。
ユーザーは直接リンクを使用するか、サポートチームとのチャットを開始できます。