Home > HTML > 404エラーページをつくってみた

404エラーページをつくってみた

  • 2010年3月16日 13:56
  • HTML

Webページが見つかりません

入力したURLが間違えていたり、ページを移動・削除してリンク切れになったページへアクセスした場合に表示される「404エラー」画面。

ブラウザによるエラー画面が表示されるのは非常に味気なく、ユーザビリティも悪いので、オリジナルのエラーページを用意してみましょう。

まずはエラーページを作成しよう

まずはエラーページを作成してみましょう。これは既存の他ページをベースにタイトルや見出しを変えて「ここはエラーページだよ」というのが分かるようになっていればOKです。そしてファイル名を「404.html」にして保存してください。

ここでTOPページや他ページへのリンク、検索ボックスなどを設置しておくことで、ユーザーにやさしいエラーページとなりますね。

.htaccessでエラーページ表示を設定

さて、ここで登場するのが、毎度おなじみの.htaccessです。

例によって、.htaccessへ下記の一文を追加し、サーバへUPしてください。


ErrorDocument 404 /404.html

はい、これであっという間にエラーページの出来上がり♪

エラーページを確認してみる

403エラーや500エラーも同様の手順で設定できますので、ぜひお試しあれ。

Comments:0

Comment Form

Trackbacks:0

TrackBack URL for this entry
http://www.imparl.net/mt/mt-tb.cgi/5
Listed below are links to weblogs that reference
404エラーページをつくってみた from Web制作事件簿

Home > HTML > 404エラーページをつくってみた

Search
Feeds
Calendar
2010 3
S M T W T F S
  1 2 3 4 5 6
7 8 9 10 11* 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      
Tag Cloud

Return to page top