Webサイトのページを削除したり、URLを変更したりすると、以前のURLへアクセスした人に「ページが見つかりません」と表示されることがあります。
この状態を避けるために、存在しないURLをすべてトップページへ転送したくなるかもしれません。
しかし、何でもトップページへ転送すればよいわけではありません。
利用者が探していた情報と関係のないページへ移動させると、ページが消えたことに気付けず、サイト内で迷う原因になります。検索エンジンにとっても、存在しないページなのか、別の場所へ移動したページなのか判断しにくくなります。
今回は、404ページの役割と、転送を設定すべきケース、トップページへ飛ばしてはいけない理由を初心者向けに解説します。
404とはページが見つからないことを伝える状態
404は、指定されたURLに対応するページが見つからないことを表すHTTPステータスです。
たとえば、次のような場合に発生します。
ページが削除された
URLの入力を間違えた
ページ名やスラッグを変更した
リンク先の指定が間違っている
サイト移行後に古いURLが残っている
ファイルや画像が移動・削除された
Webサイト自体が停止しているわけではありません。
サーバーには接続できているものの、要求された場所にページが存在しない状態です。
そのため、404が一件あるだけでサイト全体に重大な障害が起きているとは限りません。
404ページはエラーを知らせるだけではない
404ページの役割は、「ページがありません」と表示することだけではありません。
目的のページへ到達できなかった利用者に、次の行動を案内する役割もあります。
たとえば、次のような情報を掲載できます。
ページが見つからなかったこと
URLが間違っている可能性
トップページへのリンク
主要なサービスページへのリンク
記事一覧や施工事例へのリンク
サイト内検索
お問い合わせへの案内
利用者は、なぜ目的の情報が表示されないのか分からない状態です。
状況を説明し、サイト内で行き止まりにならないようにすることが大切です。
すべてトップページへ転送すると混乱する
存在しないURLからトップページへ自動転送すると、一見するとエラーが消えたように見えます。
しかし、利用者が探していた情報とトップページの内容は一致しない場合があります。
たとえば、特定の施工事例を見ようとしていた人が、説明もなく会社のトップページへ移動すると、次のように感じるかもしれません。
リンクを押し間違えたのか
ページの読み込みに失敗したのか
目的の情報がどこにあるのか
同じ操作を繰り返せば表示されるのか
ページが削除された事実を明確に伝える方が、利用者は次の行動を判断しやすくなります。
エラー画面を見せないことよりも、現在の状態を正しく伝えることが重要です。
転送は移動先が明確な場合に使う
削除したページと同じ内容、または非常に近い内容のページが別のURLにある場合は、転送を設定します。
代表的なのが301リダイレクトです。
301リダイレクトは、そのページが恒久的に別のURLへ移動したことを伝える仕組みです。
たとえば、次のようなケースに向いています。
サービスページのURLを変更した
古い記事を新しい記事へ統合した
複数の商品ページを一つへまとめた
サイトリニューアルでページ構成を変更した
ドメインを変更した
重複するページを代表ページへ集約した
重要なのは、転送先が元のページを探していた人にとって役立つかどうかです。
適切な移動先がない場合は、無理にトップページへ転送せず、404として扱う方が自然です。
削除したページは必ず転送する必要があるのか
公開していたページを削除したからといって、必ず別のページへ転送しなければならないわけではありません。
一時的なキャンペーン、終了した求人、提供をやめたサービスなど、代わりとなるページが存在しない場合があります。
このようなページを関係のないページへ転送すると、利用者が求めていた情報との違いが大きくなります。
まずは、次の点を確認します。
同じ内容の新しいページがあるか
上位となるカテゴリーやサービスページがあるか
内容を統合したページがあるか
削除した理由を案内する必要があるか
今後ページを再公開する予定があるか
自然な移動先があれば転送し、なければ404ページでサイト内の別の選択肢を案内します。
「見つかりません」と表示してもステータスが正常な場合がある
画面上では「ページが見つかりません」と表示されていても、サーバーが正常なページとして応答していることがあります。
この状態は、ソフト404と呼ばれることがあります。
利用者の見た目では404ページですが、検索エンジンには通常のページとして伝わるため、状態が一致していません。
反対に、トップページへ転送したことで正常な応答になっていても、内容が元のURLと関係なければ、実質的にページが存在しないと判断される可能性があります。
404ページを作るときは、見た目だけでなく、サーバーが正しいステータスを返しているかも確認する必要があります。
404ページに検索させたい情報を詰め込まない
404ページへ大量の文章やサービス情報を掲載し、通常のページとして検索結果へ表示させようとする方法は適切ではありません。
404ページは、存在しないURLへアクセスしたときの案内ページです。
主役はサービスの説明ではなく、利用者を次の適切な場所へ案内することです。
情報を増やしすぎると、エラーが起きたことが分かりにくくなります。
次のような簡潔な構成で十分です。
ページが見つからないことを伝える見出し
考えられる理由
トップページへのリンク
よく見られるページへの案内
必要に応じてサイト内検索
サイトのデザインへ合わせることは大切ですが、通常のページと完全に同じに見せない方が状況を理解しやすくなります。
WordPressでは404用のテンプレートを使う
WordPressテーマでは、存在しないページが開かれたときに使用する専用テンプレートを用意できます。
このテンプレートを作成しておけば、ヘッダーやフッターを保ちながら、サイト独自の404ページを表示できます。
専用テンプレートが用意されていない場合は、テーマ内の別のファイルが代わりに使用されることがあります。
その結果、見た目が崩れたり、何も案内されなかったりする場合があります。
WordPressサイトを制作するときは、トップページや投稿ページだけでなく、存在しないURLへアクセスした場合の表示も確認します。
404ページでも共通機能は使えるようにする
404ページだからといって、サイトの操作機能までなくす必要はありません。
ヘッダー、ナビゲーション、フッターなどを通常ページと同じように使える状態にすると、利用者は別のページへ移動しやすくなります。
ただし、404ページ内で使用する機能にも注意が必要です。
たとえば、存在しない投稿の情報を取得しようとする処理があると、追加のエラーが発生する可能性があります。
特定の記事や固定ページが存在することを前提にした処理を、404ページでも実行していないか確認します。
画像やCSSの404も見落とさない
404はページだけで発生するものではありません。
HTMLから読み込んでいる画像、CSS、JavaScript、Webフォントなどが見つからない場合も404になります。
画面全体は表示されていても、裏側では必要なファイルの取得に失敗している可能性があります。
たとえば、次のような問題が起こります。
画像が表示されない
デザインが崩れる
メニューが動かない
アイコンが空白になる
フォントが別のものへ置き換わる
読み込み処理が何度も発生する
ブラウザの開発者ツールを使い、ページ本体だけでなく関連ファイルの取得状況も確認します。
サイト内リンクの404は修正する
外部サイトや古いブックマークから存在しないURLへアクセスされることは、完全には防げません。
しかし、自分のサイト内にあるリンクが404を発生させている場合は修正が必要です。
利用者がサイト内のボタンやメニューを正しく操作したのに、存在しないページへ移動する状態だからです。
特に、次の場所を確認します。
グローバルナビゲーション
フッター
CTAボタン
パンくずリスト
関連記事
記事本文内のリンク
画像リンク
施工事例や商品一覧
サイトマップ
ダウンロード資料
ページ名やスラッグを変更したあとには、古いリンクが残っていないかサイト全体を確認します。
外部からのリンクがあるページは慎重に削除する
削除予定のページが、検索結果からアクセスされていたり、外部サイトからリンクされていたりする場合があります。
確認せずに削除すると、これまで獲得していた訪問経路が失われます。
削除前には、アクセス解析や検索管理ツールを利用して、ページの利用状況を確認します。
アクセスがある場合は、次の対応を検討します。
内容を更新してページを残す
新しいページへ統合する
関連性の高いページへ転送する
終了した情報であることをページ内で案内する
一定期間だけ案内ページを残す
「古いから削除する」だけではなく、そのページが現在どのように利用されているかを見ることが大切です。
404が発生したURLを記録する
公開後は、どのURLで404が発生しているかを定期的に確認します。
よくアクセスされる404が見つかった場合は、古いリンクや入力されやすいURLが残っている可能性があります。
すべての404へ対応する必要はありません。
存在しない文字列を機械的に試すアクセスや、一度だけ入力を間違えたURLも含まれるためです。
次のような404を優先して確認します。
アクセス回数が多い
サイト内からリンクされている
以前公開していた重要ページ
外部サイトからリンクされている
広告やSNSで使用したURL
問い合わせや購入につながるページ
CSSやJavaScriptなど必要なファイル
発生件数だけで判断せず、そのURLが本来どのように使われるものだったかを確認します。
404ページの確認ポイント
404ページを作成したら、次の項目を確認します。
存在しないURLで正しく表示されるか
ページが見つからないことが明確に伝わるか
正しい404ステータスが返されているか
トップページへ移動できるか
主要なページへ移動できるか
ヘッダーやフッターが正常に動くか
スマートフォンでも読みやすいか
サイト内検索が利用できるか
ログインしていない状態でも表示できるか
関係のないページへ自動転送されていないか
公開前には、実際に存在しないURLを入力して確認します。
通常のページだけを確認していると、404ページの不具合には気付きにくいためです。
まとめ
404は、アクセスされたURLに対応するページが存在しないことを伝える状態です。
404ページは単なるエラー画面ではなく、目的の情報へ到達できなかった利用者を、別の適切なページへ案内する役割を持っています。
削除したページと同じ、または非常に近い内容のページがある場合は、301リダイレクトを設定します。
一方、自然な移動先がない場合は、無理にトップページへ転送せず、404として正しい状態を返す方が分かりやすくなります。
大切なのは、404をすべて隠すことではありません。
ページが存在しないことを正しく伝え、利用者が次に進める選択肢を用意する。
この考え方を取り入れることで、ページの削除やURL変更があっても、迷いにくく管理しやすいWebサイトを運用できるようになります。