オリジナル404ページの作成方法

HTTPステータスコード404で表示されるページはサーバーソフトウェア付属のものを使う場合が普通。いかにもプログラマーが書きました的で、どうにも味気なくユーザビリティにも欠けています。
そこで、折角のビジターを逃がさないためにもあなたのウェブサイトに相応しいページを用意しましょう。

HTTPステータスコード404

ASY!当サイトでも皆さんの参考にオリジナルの404ページを作ってみました。 デタラメなURIでわざと404にしてみるとオリジナル404ページの価値が分りやすいでしょう。
  レンタルサーバー利用の方は、事前に.htaccess(ドット エィチ ティー アクセス) ファイルとオリジナル404ページ設置の許可が得られるかをホスティング会社に確認して下さい。これが設置できないと使えません。
ASY!この話題に興味の無い方は被リンク対策へお進み下さい。

ASY!W3Cにも404ページの書式は無いようなので、ファイルが無い場所へのアクセスエラーであることが分れば独自の意匠で作成可能です。ファイル名も自由ですが404.htmlなど一目で分る名称が良いでしょう。

404ページの製作(基本的な書き方)

<html>
<head>
<title>404 Not Found.</title>
</head>
<body>
<h1>404 NotFound.</h1>
<p>リクエストされたURLに該当するものがありませんでした。</p>
<p><a href="index.html">トップページはwww.hogehoge.com/index.html</a>です。</p>
<p>このページは404.htmlです。</p>
</body>
</html>

ASY!同様にして403(Forbidden)408(Request Timed Out)もユーザーに優しい意匠に変更してみると楽しいサイトになりますよ。ページの移転には301か302を使ってください。ビジターが路頭に迷わずに済みます。

HTTPリクエストがループ

ASY!もしも.htaccessで指定したファイルがなかったら、HTTPリクエストがループしてしまう困った事態になります。
 (HTTPリクエスト>ファイルが無いので404を表示しようとする>やはり無いので再度404を表示しようとする>それでもファイルが無いので・・・) そんな時は修正した.htaccessをFTPで送って上書きして下さい。

サーバーへの設置

ASY!〔Apacheサーバーの場合〕 Error Document 404 /表示するファイル名
.htaccessを新規作成するか又は既存のものを利用し次の1行を書き込みます。
当サイトの例:Error Document 404 /w3c/404error.html

〔.htaccess作成法〕

ASY!テキストエディター(メモ帳など)で.htaccessを作成します。ステータスコードの最後に、おまじないの改行を入れてください。
Windows環境では拡張子TXTの.htaccess.txtで保存します。.htaccess.txtのまま送信し、サーバー上でFTPを使い.htaccessへリネームすればOK。

〔IISサーバーの場合〕

ASY!カスタムエラー画面で404で使用するページを選択。

Google対策オリジナル404ページの作り方 おわり。 次は被リンク対策です。