caramel*vanilla > わかりやすい404エラーページについて考えてみる

自分のサイトのエラーページを見たことがありますか?

調べモノをして検索でたどり着いたページが「404 Not Found」だったりしてガッカリすることありますよね。
できるならあまりお目にかかりたくないページですが、自分のサイトの場合は無視もできない存在です。
通常はお使いのブラウザやサーバーが用意したエラーページが自動で表示されるとは思いますが、自分のサイトのエラーページを見たことがありますか?
存在しないページでちょっと試してみてください。
どんなページが表示されましたか?

こんなんですか?

それともブラウザによってはこんなんですか?

表示されたページを見てどう思いましたか?
もしくは自分が閲覧者の立場だったとしたらどう感じますか?

わかりやすいエラーページとは?

アクセスされたページを削除してしまったのなら仕方ありませんが、URLが変わっただけならなんとか探し当てていただきたいもの。
せっかくなにかのきっかけで訪れてくれた方をガッカリさせたままでは申し訳ありません。

最近404エラーページに関するちょっと気になる記事をみつけました。
題して「ユーザーフレンドリーな404ページの作り方」

• Coding Horror: Creating User Friendly 404 Pages

そもそもこの記事を読んだのが今回エラーページについて考えるきっかけになりました。
この記事にはわかりやすいエラーページのポイントが5つあげられています。
このポイントをちょっと意訳してみようと思います。
エキサイト翻訳を頼りにしているのでおかしな部分があったらご指摘ください。

ユーザーフレンドリーな404ページの作り方

「404」のエラーコードを省く

ついお約束のように書いてしまう「404」というエラーコードは必ずしもページ上に表示しなければならないものではありません。
エラーコードの意味を知らないユーザーにとって、目当てのページが表示されず、しかも意味不明な文字列が並んでいるのはちょっとビックリしてしまうかも?

404エラーを自動で知らせる

URLの入力間違い以外で表示されないページが存在するということは、そのサイトの大きな問題のひとつ。
サイトの問題を知らせるのはユーザーの仕事ではないので、存在しないページについての報告をユーザーに強いるべきではありません。
404エラーが起きたときに即座に自動でメールに通知する方法を取り入れれば、すぐに対応することができるかもしれません。

※実際にどうすればそういった仕組みを取り入れられるのかは書いてありませんでした。

自動でページ候補を表示

404エラーページに検索窓を設置するだけでは不十分。
(責任回避と書いてあり、なかなか辛口ですねー)
自動でユーザーが探していたであろうページ候補を表示させるのがベスト。
ユーザーに検索をさせるのは最後の手段にするべき。

最新記事・人気記事へのリンクを表示

ユーザーが見たかったページはアクセスの多い人気記事だった可能性もあります。
blogの場合なら、最新記事へのリンクを表示するのもよいかもしれません。

シンプルイズベスト

404エラーページは簡潔で短くあるべき。
ユーザーが見たかった内容が書かれていないにもかかわらず、無駄に長いエラーページは混乱するだけ。

エラーページを作ってみよう!

お使いのblogサービスやサーバーが.htaccessファイル利用可能ならば自分で作ったエラーページを表示させることができます。
わかりやすいページを作ったら.htaccessファイルを修正してみましょう。
以下のようなサービスを利用すると簡単です。

• htaccess Generator
• .htaccess ファイルを簡単作成「.htaccess Editor」

生成されたコードをコピーしてサーバーにアップすれば完了。

WordPressならもっと簡単!

WordPressのテーマによっては「404.php」という404エラー用のファイルが用意されているものがあります。
存在しないURLにアクセスされたら自動で「404.php」が表示されるようになっているのですが、「わかりやすいエラーページ」のポイントをクリアしてるとは言いがたく、このままではちょっと物足りません。

そこでプラグインです!
導入するとちょっとリッチな404エラーページを表示してくれるスグレモノ。

• Andrew Ferguson dot NET » Dunstan-style Error Page

akaさんが日本語化されています。

• Dunstan-style Error Page を日本語化 « :: plasticdreams ::

…がっ!
WP最新版2.1.2では最新記事表示部分がおかしかったので英語の最新版を使うことにしました。
(いつの間にバージョンアップされてました)

akaさんの翻訳版を参考にして自分用にちょっと変えて使っています。
こんな感じ↓

• caramel*vanilla - 404エラーページ

きっとその内最新版も日本語化してくれることでしょう :-P

404エラーページについての参考リンク

最後に参考リンクをいくつかあげておきます。

• 404 Research Lab
  404エラーページの作成方法・ユニークなページの紹介
• the 404 error page webring
  404エラーページのWebリング
• orange-A-go-go! | ゴミバコ | 404 File Not Foundの作成法 | レスポンスコード一覧
  404以外もいろいろあるエラーコード一覧
• 「ページが見つかりません」ページのカスタマイズ
  404エラーページの作成方法
• A List Apart: Articles: The Perfect 404
  404エラーページの作成方法
• caramel*vanilla - .htaccess→オリジナルのエラーページ作成
  手前味噌ですがかなり以前書いた記事

コメントでWordPressの便利なプラグインを教えていただきました。
404 Notifier
404エラーログをメールで通知してくれます。

WordPress用404エラーページプラグインの最新バージョンの日本語版でました!!
Dunstan-style Error Page ver. 1.3.1 日本語化 « :: plasticdreams ::

Tags: html, Plugin, webdesign, wordpress