Webサイトに404エラーページを用意してますか？
404エラーページとは、ページが見つからない時に表示されるエラーページのことです。
ページが見つからない原因としては、「既にページが削除されている」「リンクが間違っている」など挙げられます。
もし、404エラーページを用意していない場合は、以下のように無機質な文言が表示された画面やレンタルサーバーの広告画面などが表示されます。
色々なページを見ていく中で、突然、こんな画面が表示されたら、どう思うでしょうか？
もし、これが企業のWebサイトなら、その企業の信用にも関わってきます。
404エラーページを発生させないことが一番良いですが、大きなWebサイトになるほど、難しくなります。
ユーザーを逃さないために、404エラーページをきっちりと用意しておくのが良いでしょう。
もし、Webサイトの情報を収集するクローラーが何もないページに到達した場合は、そこでクローラーはストップしてしまいます。
また、サーバーが用意したエラーページに到達すれば、他のWebサイトに移動もします。
404エラーページを用意しておけば、クローラーはリンクを辿って他のページも見てくれるので、SEO対策としても効果的です。
404エラーページの例
どのような404エラーページを用意しているのか、いくつか紹介したいと思います。
404エラーページ作成時のデザインサンプルとしてご活用ください。
nanapi[ナナピ]
生活の知恵があつまる情報サイト「nanapi」の404エラーページです。
「URL、ファイル名にタイプミスがないか再度ご確認ください。」という解決策の案内と検索ボックスとカテゴリから探すのリンクが貼られています。
nanapi[ナナピ]
ベルメゾンネット
千趣会が運営する通販サイト「ベルメゾンネット」の404エラーページです。
季節もの商品の案内や人気商品ランキングへのリンクが貼られています。
任天堂
テレビゲームで有名な「任天堂」の404エラーページです。
同社の看板ゲームキャラクターのが表示されており、遊び心のあるエラーページとなっています。
CrowdWorks[クラウドワークス]
エンジニア・クリエイターのクラウドソーシングサイト「CrowdWorks」の404エラーページです。
各ページの案内のリンクが貼られています。
株式会社LIG
Web制作に関する様々な情報が紹介されている「株式会社LIG」の404エラーページです。
404エラーページでありながら、それを感じさせない工夫がされています。思わず読み進めてしまいます。
Webクリエイターボックス
Webデザイナー+WebデベロッパーのManaさんが運営する「Webクリエイターボックス」の404エラーページです。
「なぜ、ページが見つからないのか」とその解決方法が丁寧に案内されています。
404エラーページを用意する方法
404エラーページを用意する方法を見ていきましょう。
※WordPressを使用している場合は、こちらをご覧ください。
1、「404.html」を作成する
「404エラーページの例」を参考に、HTML形式でファイルを作成します。
ファイル名は特に決まっていませんが、「404.html」が一般的です。
2、「404.html」ファイルをアップロードする
先ほど作成した「404.html」ファイルをアップロードしましょう。
場所は特に決まっていませんが、トップページの置かれているルートディレクトリが分かりやすいでしょう。
3、「.htaccess」のファイルを作成する
「.htaccess」という名前のファイルを新しく作成します。
ファイルの中には、以下の記述をします。
※既に「.htaccess」ファイルが存在している場合は、そのファイルに記述を追加します。
ErrorDocument 404 /404.html
「/404.html」の部分は、「404.html」ファイルをアップロードした場所を指定します。
4、「.htaccess」のファイルをアップロードする
先ほど作成した「.htaccess」ファイルをルートディレクトリにアップロードします。
※ルートディレクトリとは、最上階層のフォルダです。一般的に「/」と表示れており、そこにはトップページが置かれています。
これで、404エラーページが用意できました。
あなたのWebサイトを訪れたユーザーが、存在しないページや既に削除されたリンク切れのページを見ようとすると「404.html」ファイルにリダイレクトされるようになります。
404エラーページを用意する方法(WordPressを使用している場合)
WordPress（wp）を使用しているなら、多くの場合、すでに404エラーページが設定されています。
404エラーページの編集方法は、次のとおりです。
※Twenty Fourteenテーマを元に紹介しています。
1、左メニューから外観＞テーマの編集を開く
2、404テンプレート(404.php)を開く
3、404テンプレート(404.php)内を編集
「404エラーページの例」を参考に、404テンプレート(404.php)内を編集してみましょう。
まとめ
普通なら404エラーページを見ると、そのサイトをすぐに立ち去ります。
しかし、工夫次第では好印象を与えることもできます。是非、ユーザーの視点に立った404エラーページを作成してください。
