今回は404(Not Found)ページの実装方法についてお話しします。
DESIGNER
Y.T.

404(Not Found)ページは、本来表示されてはならないページです。
ですが、ふとしたタイミングで見たときに404ページがオリジナルデザインだとサイトの印象が良くなりませんか?
前回のvol.5 FAVICONとWEB CLIP ICONの実装と同様、忘れずにやっておきたいです。

404ページは、WEBサイトにアクセスする際にリンク切れなどで存在しないページにアクセスしようとした場合に、表示されるエラーページのことです。
Webサーバーからのレスポンスの意味を表す3桁の数字が404とされているため、404ページと呼ばれています。


実装のやり方は2つあります。まずは.htaccessに記述するやり方から。
404ページ用のHTMLを作成します。
ファイル名は任意でかまいません。ここでは「404.html」とします。
「404.html」のファイルを「index.html」が置かれているディレクトリへアップロードします。
次に「.htaccess」の名前でファイルを作成します。
そのファイルに下記を記述します。
ErrorDocument 404 /404.html
以上です!

Googleのウェブマスターツールが提供している404ウィジェットコードを貼付けるだけで、以下の2つをページに追加することができます。
下記のコードを使えば、追加することができます。
貼付ける場所は<body>タグの中に入れましょう。
Googleのウェブマスターツール
404ページのカスタマイズ
今日もあなたに気づきと発見がありますように
画面を回転してください