ホームWEB制作関連404エラーページ作成のススメWEB制作関連2010.09.20404エラーページ作成のススメ通常サイトにアクセスしていてページが削除されていたり、タイプミスなどでURLが間違っているとエラーページが表示されますよね。これでは何らかの目的でサイトに訪れたユーザーを逃してしまいます。店員さんに商品を尋ねたら探しもせずに「置いてなければないですねー。」と言われたようなものです。そこでエラーページの設置方法と表示するといいんではないかという要素をまとめてみました。リクエストのエラーには以下があります。設定ミスの場合に表示されるエラーページここから、URLのタイプミスや削除したページが検索エンジンやブックマークに残ったままでおこる可能性が高い404エラーの対策ページを作成することにします。ちなみに本サイトはチカッパさんを利用しているのでデフォルトでは以下のようなエラーページが出ます。エラーページにはどういった情報が必要でしょうか。なんでエラーページに飛ばされたかを伝えてあげる必要がありますね。お探しのページは見つかりませんでした。URLがすでの削除されているかURLが間違っている可能性があります。いった具合にユーザーにどうしてエラーページに飛ばされたかを伝えます。URLのタイプミスであればアドレスバーを確認してもらえばいいのですが、ここで重要なのはこのユーザーは、サイト自体に興味をもってくれているということと他のコンテンツでも目的の情報を手に入れてもらえる可能性があるということです。あわせてサイト内検索やサイトマップへの案内やコンテンツのリコメンドを表示してあげます。ちなみにこのサイトでは以下のようにエラーページを用意しています。転送にはhtaccessを使用します。以下のように記述して対象としたいディレクトリにアップします。※最後の行に改行がないとエラーになります。※パーミッションを「604」とします。/file_not_found.htmlこれでエラーの際に「/file_not_found.html」へと転送されます。ここは作成したページのURLにあわせてください。ここでは一応401・403・500のときもエラーページに転送されるようにしています。エラー表示の参考サイトまたエラー表示の参考サイトをいくつか紹介します。三井不動産エラーとあわせてサイト内検索の案内とコンテンツの一覧が表示されています。東急ハンズ検索ボックスとあわせて「検索ワードランキング」もあり、ユーザーの離脱率をさげています。Runner!ユーザビリティが高いというかなんか面白かったので。エンタメ系であればこういったのもありかもしれませんね。冒頭で店員さんに「置いてなければないですねー。」と言われたようと書きましたが、企業サイトやECサイトなんかではこのページがしっかりしていると接客姿勢も好印象に感じられるのでぜひ作成することをおすすめします。神秘的な氷の世界がスゴい。思わず買いたくなるECサイトのデザイン30選ECサイトのデザインの際に参考にしたいWEBサイトのまとめです。...WEB制作関連WEBマガジンスタイルの海外サイトまとめWEBマガジン形式にレイアウトされたWEBサイトのまとめです。商品の魅せ方が参考になりそうなECサイトのまとめです。便利なアイコン配布サイト10+1WEBマーケティングマーケティング心理学|コントラスト効果WEB制作関連やっぱりカッコいい。話題・トレンドiTuneからの重大発表、その後。