自分のサイトのエラーページを見たことがありますか?
調べモノをして検索でたどり着いたページが「404 Not Found」だったりしてガッカリすることありますよね。
できるならあまりお目にかかりたくないページですが、自分のサイトの場合は無視もできない存在です。
通常はお使いのブラウザやサーバーが用意したエラーページが自動で表示されるとは思いますが、自分のサイトのエラーページを見たことがありますか?
存在しないページでちょっと試してみてください。
どんなページが表示されましたか?
こんなんですか?
それともブラウザによってはこんなんですか?
表示されたページを見てどう思いましたか?
もしくは自分が閲覧者の立場だったとしたらどう感じますか?
わかりやすいエラーページとは?
アクセスされたページを削除してしまったのなら仕方ありませんが、URLが変わっただけならなんとか探し当てていただきたいもの。
せっかくなにかのきっかけで訪れてくれた方をガッカリさせたままでは申し訳ありません。
最近404エラーページに関するちょっと気になる記事をみつけました。
題して「ユーザーフレンドリーな404ページの作り方」
そもそもこの記事を読んだのが今回エラーページについて考えるきっかけになりました。
この記事にはわかりやすいエラーページのポイントが5つあげられています。
このポイントをちょっと意訳してみようと思います。
エキサイト翻訳を頼りにしているのでおかしな部分があったらご指摘ください。
ユーザーフレンドリーな404ページの作り方
「404」のエラーコードを省く
ついお約束のように書いてしまう「404」というエラーコードは必ずしもページ上に表示しなければならないものではありません。
エラーコードの意味を知らないユーザーにとって、目当てのページが表示されず、しかも意味不明な文字列が並んでいるのはちょっとビックリしてしまうかも?
404エラーを自動で知らせる
URLの入力間違い以外で表示されないページが存在するということは、そのサイトの大きな問題のひとつ。
サイトの問題を知らせるのはユーザーの仕事ではないので、存在しないページについての報告をユーザーに強いるべきではありません。
404エラーが起きたときに即座に自動でメールに通知する方法を取り入れれば、すぐに対応することができるかもしれません。
※実際にどうすればそういった仕組みを取り入れられるのかは書いてありませんでした。
自動でページ候補を表示
404エラーページに検索窓を設置するだけでは不十分。
(責任回避と書いてあり、なかなか辛口ですねー)
自動でユーザーが探していたであろうページ候補を表示させるのがベスト。
ユーザーに検索をさせるのは最後の手段にするべき。
最新記事・人気記事へのリンクを表示
ユーザーが見たかったページはアクセスの多い人気記事だった可能性もあります。
blogの場合なら、最新記事へのリンクを表示するのもよいかもしれません。
シンプルイズベスト
404エラーページは簡潔で短くあるべき。
ユーザーが見たかった内容が書かれていないにもかかわらず、無駄に長いエラーページは混乱するだけ。
エラーページを作ってみよう!
お使いのblogサービスやサーバーが.htaccessファイル利用可能ならば自分で作ったエラーページを表示させることができます。
わかりやすいページを作ったら.htaccessファイルを修正してみましょう。
以下のようなサービスを利用すると簡単です。
生成されたコードをコピーしてサーバーにアップすれば完了。
WordPressならもっと簡単!
WordPressのテーマによっては「404.php」という404エラー用のファイルが用意されているものがあります。
存在しないURLにアクセスされたら自動で「404.php」が表示されるようになっているのですが、「わかりやすいエラーページ」のポイントをクリアしてるとは言いがたく、このままではちょっと物足りません。
そこでプラグインです!
導入するとちょっとリッチな404エラーページを表示してくれるスグレモノ。
akaさんが日本語化されています。
…がっ!
WP最新版2.1.2では最新記事表示部分がおかしかったので英語の最新版を使うことにしました。
(いつの間にバージョンアップされてました)
akaさんの翻訳版を参考にして自分用にちょっと変えて使っています。
こんな感じ↓
きっとその内最新版も日本語化してくれることでしょう :-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 ::
いつも拝見しております。
初めてコメントを残します、junichi_yと申します。
さて、１つプラグインをご紹介致したくコメントさせていただきます。
「404 Notifier (1.0)」というWP用プラグインです。
WP 1.5以降で利用可能で、指定のメールアドレスまたは、RSSにて、404のEventLogが確認できるようになります。
ですので、このプラグインにて「存在しないページについての報告をユーザーに強いること無く、404エラーを自動で管理者が知る」ことができるようになります。
http://alexking.org/projects/wordpress
＞junichi_yさん
はじめまして!!
こんばんは :-)
あまりにも速いレスポンスにびっくりしつつ早速プラグイン導入してみました!!
…
すごい勢いでメールが届きました :-/
今回は「情報をアウトプットする事でさらに情報を得ることができる」っていうことを実感しました。
404エラーページをこそっと作り変えただけだったら知ることができなかったかもしれません。
コメントありがとうございました!!
件のプラグインの最新版翻訳しました。
lomo さん版の Error Page も参考になります ;)
それにしても404にも凝る人は凝るんですねー。
＞akaさん
:D
さすが仕事がはやいですね!!
日本語化いつもありがとうございます!!
わかりやすいっていうのとは対極かもしれないけど面白い404ページを偶然見つけたりしたらちょっと得した気分かも?
でも本来の目的を思い出したらそうも行かないか :-P
面白い404ページを偶然見つけたりしたらちょっと得した気分かも?
ネタ系の404ページ(笑)，blogだとたまに見かけますけど，
blog以外だと滅多に見かけないからホント得した気分になりますね。
思わずスクリーンショット撮ったくらいにして
＞akaさん
無駄に404ページに凝っちゃうのってなんか好きです。
あとFaviconを時間かけて作っちゃうとか。
関係ないですね :-P