リンクを開いたときに「ページが見つかりません」と表示された経験はないでしょうか。削除した記事、変更したURL、入力間違いなどにより、存在しないページへアクセスすると404ページが表示されます。初期状態のままだと、訪問者は次に何をすればよいか分からずサイトを閉じてしまいます。
結論として、404エラーそのものを完全になくすことは難しくても、迷わず戻れる案内を用意することは可能です。事業サイトでは、トップへ戻るリンクだけで終わらせず、主要ページや検索、問い合わせへの選択肢を整理します。
404ページは「行き止まり」を案内に変える
404は、サーバーが要求されたページを見つけられない状態を表します。サイトの故障とは限らず、古いブックマーク、外部サイトの誤ったリンク、URLの入力間違いでも発生します。訪問者にとって重要なのは原因よりも、目的の情報へ進めるかどうかです。
何も案内がない白い画面や英語のエラーメッセージだけでは、サイト内に他の情報があると気づけません。サイトのヘッダーやフッターを残し、「ページが見つからない」ことを分かりやすく伝え、戻り先を提示すれば、閲覧を続ける判断材料になります。
まず状況を短く、責めない言葉で伝える
404ページの見出しは「ページが見つかりませんでした」のように、起きていることがすぐ分かる言葉にします。「URLが間違っています」と断定すると、サイト側のリンク変更が原因だった場合にも訪問者を責める表現になります。「削除または移動された可能性があります」と補足する程度で十分です。
長い謝罪や技術的な説明を並べるより、次にできることを近くへ置きます。数字の「404」だけでは意味が伝わらない人もいるため、日本語の説明を併記します。サイト全体のトーンに合わせつつ、面白さを優先してエラー内容が分からなくならないようにします。
戻り先は訪問目的に合わせて複数用意する
最低限必要なのはトップページへのリンクですが、トップへ戻すだけでは、目的の情報をもう一度探させることになります。サービス、制作実績、記事一覧、お問い合わせなど、訪問者が探す可能性の高いページを三つから五つ程度に絞って案内します。
たとえば制作事例の古いURLへ来た人には、制作実績一覧が役立ちます。サービス情報を探している人にはWebサイト制作サービスへのリンクを示します。すべてのメニューを並べるのではなく、404ページから選びやすい数へ整理することが大切です。
サイト内検索は記事が多い場合に役立つ
記事や実績が増えたサイトでは、検索窓を置くと、訪問者が覚えているキーワードから情報を探せます。一方、数ページだけの小規模サイトで検索を置いても、結果が出ず、さらに行き止まりになる場合があります。サイトの情報量に合わせて判断します。
検索結果がゼロ件だった場合にも、主要カテゴリーや問い合わせ先を表示できると安心です。検索窓のラベルは「サイト内を検索」のように用途を明確にし、何を入力できるか分かる例を添えます。検索機能を置いたら、実際のサービス名や記事テーマで結果が出るか確認します。
自動転送は便利でも乱用しない
古いページに対応する新しいページが明確にある場合は、適切な転送設定を使うと訪問者を直接案内できます。しかし、削除したすべてのURLをトップページへ自動的に飛ばすと、探していた情報がどこへ行ったのか分からず混乱します。エラーが起きた事実にも気づけません。
個別の移転先があるページはそこへ転送し、代替ページがない場合は404ページを表示するという使い分けが必要です。URL変更を伴うリニューアルでは、旧URLと新URLの対応表を作り、公開前に転送を確認します。Coccole Studioでは、見た目の確認だけでなく、この対応関係を制作時のチェック項目として考えます。
デザインは通常ページとの連続性を保つ
404ページだけロゴ、色、フォント、メニューが異なると、別のサイトへ移動したように感じられます。通常ページと同じヘッダーやフッターを使い、サイト名と運営者が分かる状態にします。ただし、本文まで通常ページと同じ情報量にすると、エラーの案内が埋もれます。
イラストや写真を使う場合も、装飾が主役にならないようにします。画像が読み込めないと案内まで消える設計は避け、テキストとリンクだけでも利用できるようにします。スマートフォンでは見出し、説明、戻り先のボタンが最初の画面付近で確認できるかを見ます。
404が発生している場所を定期的に見直す
分かりやすい404ページを作っても、サイト内のリンク切れを放置してよいわけではありません。自分のサイト内から404へつながるリンクは修正し、外部から多くアクセスされる古いURLには、必要に応じて新しいページへの転送を設定します。
アクセス解析やSearch Consoleなどで、存在しないURLへのアクセス状況を確認できます。ただし、機械的なアクセスや入力間違いまで全て直す必要はありません。重要なページからのリンク、繰り返しアクセスされるURL、問い合わせにつながる導線を優先し、影響の大きい順に対応します。
公開前チェックで実際に存在しないURLを開く
404ページは通常の閲覧では表示されにくいため、作っただけで確認を忘れがちです。存在しないURLを意図的に入力し、パソコンとスマートフォンで表示します。ログイン中とログアウト中で見え方が変わらないか、リンク先が正しいかも確認してください。
- 「ページが見つからない」と日本語で分かる
- 訪問者を責める表現になっていない
- トップと主要ページへのリンクがある
- 検索機能を置く場合は結果が正しく表示される
- 通常ページとロゴやメニューの見た目がつながっている
- スマートフォンでボタンを押しやすい
- 存在しないURLでもサーバーエラーにならない
- サイト内のリンク切れは別途修正している
404の原因や転送設定まで自分で判断しにくい場合は、問題のURLと本来見せたいページを整理し、お問い合わせページから相談できます。
また、問い合わせフォーム送信後の完了ページや会員向けページなど、検索結果に出したくないだけのページを404にするのは目的が異なります。非公開、閲覧制限、検索対象外の設定を使い分け、訪問者が見る必要のある案内まで消さないよう確認します。
まとめ｜エラーを隠さず、次の道を示す
404ページは、存在しないページへ来た人に状況と次の選択肢を伝えるための案内です。短い説明、トップや主要ページへのリンク、必要に応じたサイト内検索を用意し、通常ページと同じサイトだと分かる見た目に整えます。
対応する移転先がある場合は個別に転送し、移転先がない場合は404として案内します。公開後もアクセス状況とリンク切れを確認し、影響の大きいURLから修正してください。丁寧な404ページは、想定外の入口から来た人にもサイトを使い続けてもらうための備えになります。
