404 Not foundページの作成方法

通常訪問ユーザーがサイト内に存在しないURLにアクセスした場合、レンタルサーバーが用意した404Not foundページやブラウザの「 Webページがみつかりません 」というページが表示されます。

WordPressサイトの場合には、自動的にテーマで用意されている404ページが表示されますが、HTMLサイトを作る場合には自分で用意することになります。

URLの変更などでリンク元から訪問できない場合や、URLを直接入力した時の入力ミスでページが表示されない場合に、自サイト専用の404Not foundページを作成しておくことにより、訪問ユーザーの流出を防ぐことができます。

404 Not foundページの作成と.htaccessの設置

• 404.htmlというファイルを作成します（ファイル名は任意）。
• 404.htmlのページタイトルには404Notfoundを含ませます。
• 404.htmlの中身はユーザーの為に簡易的なサイトマップにします。
• htaccess.txtファイルを作成し、中身は下記を記述します。
• htaccess.txtをアップロードし、サーバー上で「 .htaccess 」というファイル名に変更。
• 実際に存在しないURLにアクセスし作成した404ページが表示されるか確認。

.htaccessファイルの中身

ErrorDocument 404 http://ドメイン/404.html

「404.html」という部分は作成した404ページのURLになります。既に.htaccessファイルを設置している場合には、この記述を追記すればOKです。

404ページのインデックス拒否

404ページは検索エンジンにインデックスする必要がありませんので、robots.txtやmetaでインデックスを拒否する設定にしておきましょう。

ソフト404とハード404の違い

今回紹介した方法では、存在しないページに対するステータスコードが302になり、404ページに転送され、最終的にステータスコードが200になります。このように通常404を返さなければいけない場面で、404を返さない物をソフト404と言います。また、ステータスコードが404になっている場合をハード404と呼びます。（ハード404とソフト404って何？）

自作した404ページを表示した上で、ステータスコードは404を返したいという場合には、.htaccessに以下のように記述すればOKです。

ErrorDocument 404 /404.html

こうすることで、存在しないページへのアクセスに対して自作した404ページを見せつつ、ステータスコードは404になります。ただし、サイトが相対パスで作られている場合、画像やリンクを読み込むことができなくなりますので注意しましょう。

相対パス指定のサイトで上記のような方法で実施したい場合は、head内に以下の記述を追加すれば大丈夫です。

<base href="URL">

URLには自分のドメイン名を記述します。

※本来404を返さなければいけない状態で200を返すというのは誤った方法で、Googleも推奨していませんので、本来はハード404を使用するのが正しいやり方です。

Googleウェブマスターツールのサイト確認エラー

オリジナルの404 Not foundページを指定した場合、ウェブマスターツールのサイト確認でエラーが発生する場合があります。こういった場合は、アナリティクスやメタタグによる確認に変更しましょう。

Tweet

»WPサイト向けのサーバー

»エックスサーバーの使い方

関連記事

• URL内にキーワードを入れる
• 301リダイレクトと302リダイレクト、meta refreshの設定方法
• W3Cに準拠したWeb標準のホームページ制作
• WP-DBManager – データベースの最適化とバックアップ
• リンク集への一括登録はSEOスパム？

タグ