あなたの404ページが重要であり、退屈ではなく華麗にする方法

書かれた記事:
  • ウェブサイトのデザイン
  • 最終更新日:08、2019

の人生のある時点で あなたのウェブサイト訪問者が404エラーページに遭遇しようとしています。 訪問者がWebアドレスの末尾に奇妙な拡張子を付け加えているか、古いページをブックマークしていて、あなたの組織構造が変わったのかもしれません。 どのような理由であれ、訪問者がその404ページにアクセスしたときに、それがあなたのサイトに戻る漏斗になりたい、またはあなたの競争にあなたの訪問者を失う危険を冒すことができます。

404ページの目標

404エラー
写真クレジット: CyboRoZ

404ページの目的は、存在しないページにアクセスしても訪問者をあなたのサイトに留まらせることです。

創造的かつ目的をもって行われたとき、404ページは訪問者を保持するだけでなく、彼女がハングするようにし、あなたのドットコムの周りに何が起こっているかをチェックすることができます。 あなたの404ページで心に留めておくべきことはいくつかあります:

  • 広告がなくてはならない
  • 誤ってページにアクセスしたことをユーザーに知らせる必要がありますが、どのように彼女に知らせたかによって、サイトの個性が反映されます
  • 訪問者を他のページやホームページに誘導する
  • 静的なHTMLで、一部のユーザーにエラーが発生する可能性のある複雑なスクリプトを含まない
  • できるだけ早くロードする

何をしないか

404エラーページの創造的な使用法について説明する前に、一般的な404ページの例とそれらを使用しない方がよいのを見てみましょう。 Webに精通した人であれば、404エラーが返された理由を自動的に理解できます。 しかし、あなたのサイト訪問者はインターネットに不慣れであるか、あるいはウェブサイトがどのように機能するのか完全に理解していないかもしれません。 一般的な404ページはこれらの初心者をいら立たせ、彼らがあなたのサイトを決して離れないようにします。

カスタマイズされた404のないサイトでよくあるエラーメッセージを見てみましょう。

404エラーメッセージ

上記の例では、サイト訪問者はなぜ404エラーが発生し、偶数が何であるか疑問に思うかもしれません。 このメッセージはまた訪問者にサイトにとどまるためのオプションを与えません。 たぶん、目立たないハイテクユーザはこの時点であなたのサイトを離れてしまうでしょう。 唯一の問題がタイプミスされた単語または置き違えられた手紙であるかもしれないので、これは残念です。

良い404ページのサンプル

時間をかけて404メッセージをカスタマイズすれば、間違いでつまずく人を失う可能性は少なくなります。 以下は私のサイトからの404メッセージのスクリーンショットです。 サイト訪問者は、サイト上の他の選択肢を絞り込みます。 うまくいけば、訪問者は他の提供物にとどまってチェックします。

Lori Soard(私のサイト)

Lori soard 404エラーページ
LoriSoard.comの404エラーページ

上記の例では、サイト訪問者を自分のサイトの残りの部分に誘導するためにいくつかのことを行いました。 まず、404ページの外観は、他のページとまったく同じです。 私のヘッダーはそこにあり、ナビゲーション構造もそうです。 あなたのサイトが非常にグラフィックが重い場合、あなたはこのページをもっと速くロードするのを助けるために少し違う何かを使用したいかもしれません。

私はまた、そのページがそのサイトで見つからないことを訪問者に知らせるようにその言葉を変えましたが、彼らに彼らが必要とするものを探す能力を提供しました。 最後に、ページのさらに下のほうが私の最新の投稿であり、その下(スクリーンショットには表示されません)にはカテゴリと人気のあるトピックがあります。

これにより、サイト訪問者には多くのオプションが提供されますが、選択肢を絞り込んで特定のページに絞り込むこともできます。 私は、サイトの目的がより狭い他のサイトでそれを行います。

Webホスティングの秘密が明らかに

WHSRの404ページ

WHSRが404ページをうまく処理していることは驚くにあたらない。

ここでWHSRには、404のエラーページがあり、他のサイトと同じナビゲーション構造を持つのと同様の利点があります。 かわいい猫のイメージは気まぐれなタッチを加え、テキストは冗談に「猫は私たちのファイルを食べました」と言います。

ユーモアのビットを追加すると、あなたのサイトに訪問者を維持することができます。 訪問者は、エラーページが面白いと書かれていて、記事も同様であると書かれていると仮定します。

ブルーファウンテンメディア

Blue Fountain Mediaは、404ページを本当にうまくやるサイトです。 スクリプトなしのルールは破られますが、訪問者をしばらくサイトに滞在させるのに効果的です。 それはまた独創的で記憶に残るものです。

青い噴水メディア404

ブルーファウンテンメディアは、彼が行き来してパックマンのゲームをプレイしようとしているページを見つけることができない訪問者を招待します。 誰が抵抗できますか? もちろん、訪問者がBlue Fountain Mediaに関する詳細情報を必要とする場合に備えて、ナビゲーション構造と連絡先情報はページの上部にあります。

人々はゲームを愛するので、訪問者は将来の訪問のためにこの404エラーページをブックマークすることさえできる。

ウィキペディア

Wikipediaは、404の基本ルールのいくつかを壊している別のサイトですが、輝きに少しでも拍手する必要があります。

ウィキペディア404

Wikipediaは404をさらに進化させ、サイト訪問者が同様の拡張子名を持つページに行くことを前提としています。 Wikipediaはサイト訪問者を訪問者が望んだと思うページに自動的にリダイレクトします。

前提が正しいかもしれないし、そうでないかもしれないが、訪問者はまだ興味深いページに連れて行き、彼はサイトに彼を残しておくか、または彼にもう少し探検を呼びかけるかもしれない。 メインページにはリンクも用意されています。

ページの見直しのヒント

  • 技術用語を捨てます。 サイトの訪問者は、ページが表示されない理由や、エラーの原因を気にする必要はありません。
  • ホームページへのリンクを含めてください。
  • あなたの訪問者に指を向けないでください。 彼が間違っていると言われるのが好きな人はいません。 「あなたが間違ったURLを入力した」と言う代わりに、単にそのページが見つからないと述べてください。
  • 創造性は良いですが、狂気はそうではありません。 WHSRの404ページ(上のスクリーンショット)は、ユーモアを提供していますが、飛んでいるサルをズームインおよびズームアウトしていないため、良い例です。

Googleも提供しています 便利な404ページを作成するためのヒント.

カスタム404ページを追加する方法

ほとんどの読者は ホスティングプラットフォーム それはcPanelを提供します、私はcPanelを通してあなたのカスタム404ページをアップロードするための指示とスクリーンショットを提供するつもりです。 .htaccessファイルにカスタムパラメータを設定することもできます。 あなたのウェブサイトのバックエンドにアクセスできない場合は、カスタム404エラーページをアップロードする方法についてホスティングプロバイダに相談してください。

1。 cPanelでエラーをカスタマイズする

サイトのコントロールパネルに移動します。 おそらくアドレスはこれらの行に沿ったものです:

http://yoursite.com/controlpanel

or

http://yoursite.com:2082

コントロールパネルにログインしたら、「詳細設定」というタイトルのセクションまでスクロールし、「エラーページ」をクリックします。

control panel3。 エラーページの編集

下の画像のように、エラーページの一覧が表示されます。 404(Not found)をクリックします。

エラーページ

プルアップするページは、このページに必要なコードを挿入できる場所です。

WordPressカスタム404

WordPressはおそらく、404ページをカスタマイズする最も簡単な方法を提供します。 単に次のようなプラグインを使用してください:

  • Google 404
  • 便利な404
  • Dunstanスタイルのエラーページ

あなたがコーディングに慣れているならば、あなたはあなたのテーマの404.phpファイルを引き上げて、そしてページにあなたが望むことを強制するために若干のカスタムコーディングを加えることができます。 WordPress これを達成するための詳細な手順を示しています。

404エラーをカスタマイズするためのアイデアとその方法がいくつかありましたので、破損したリンクがないかどうかサイトをチェックしてください。 結局のところ、最高の404ページは決して起こらないものです。 壊れたリンクを修正すれば、訪問者はそもそも恐ろしい404に遭遇する可能性が低くなります。

Lori Soardについて

Lori Soardは1996からフリーランスの作家および編集者として働いています。 彼女は英語教育の学士号とジャーナリズムの博士号を持っています。 彼女の記事は新聞、雑誌、オンラインに掲載されており、いくつかの書籍が出版されています。 1997以来、著者や中小企業向けのWebデザイナーやプロモーターとして活動してきました。 彼女は短期間で人気のある検索エンジンのウェブサイトをランキングし、数多くのクライアントのためのSEO対策を深めていました。 彼女は読者から聞き取りを楽しんでいます。

接続します。