picoでオリジナルの404ページを作成する のバックアップ(No.4)
- バックアップ一覧
- 差分 を表示
- 現在との差分 を表示
- 現在との差分 - Visual を表示
- ソース を表示
- picoでオリジナルの404ページを作成する へ行く。
404ページについて
リンクミスやアドレスの打ち間違い、ページ削除などによって404エラーが出たときに表示される。普通は白い画面の左上に
Not Found The requested page or files was not found on this server.
↑こんな風にあっさりしたメッセージが出るだけだが、.htaccessで指定することによってオリジナルの404ページを作ることも可能である。ロリポップのサーバは利用者が多いので、エラーページを見たことある人も多いだろう。
オリジナル404ページの.htaccessでの指定例
ErrorDocument 404 ここにアドレス(URL、絶対パス、相対パス) ↓ ErrorDocument 404 /404error.html
参考サイト
picoでページを作成する
うちのサイトではpico
で作った404ページを表示している。picoはメールフォームが使えるので、それも張った。なにがどうなって404ページに辿り着いてしまったのかというフィードバックを得られる可能性がある。
更にGoogleウェブマスターツールというサービスに登録し、404ウィジェットという機能を組み込んだ。これはタイプミスなどによって存在しないページにアクセスしたとき、実際にGoogleにインデックスされているページと比較し、「もしかして、あなたがアクセスしようと思っていたページはこれですか？」と候補を表示してくれるものだ。
上にあるのはうちの本家のＺＥＲＯの法則というコンテンツにアクセスしようとして表示された404ページだ。本来はzero.htmだったのにzeru.htmというアドレスにアクセスしようとしたので、404ウィジェットが「その他のヒント」に正しいアドレスを表示してくれている。
参考サイト
効果的な404ページを自動生成してくれるGoogleの『Custom 404 pages』 - IDEA*IDEA ～ 百式管理人のライフハックブログ
[PR]