404ページの作り方｜案内文・転送の判断・WordPressの確認手順

ホームページで「お探しのページが見つかりません」と表示されたとき、訪問者が知りたいのはエラーの技術的な説明だけではありません。探していたサービスや資料はどこにあるのか、もう提供されていないのか、どうすれば確認できるのか。その次の行動が分かることが大切です。

404ページを見直す作業には、画面のデザインと、存在しないURLへの応答や転送の整理が含まれます。見た目を整えても誤ったURLが残れば問題は繰り返され、すべてをトップページへ転送しても訪問者の目的は解決しません。この記事では、企業サイトの担当者が制作会社と相談できるよう、判断の順序、文面例、WordPressでの確認事項、公開後の点検表をまとめます。

Google、WordPress、W3Cの公式資料と、GOV.UK Design Systemの公開された設計例を参照しています。業種別の文面と依頼メモは本記事の説明用の架空例です。実在の顧客で得られた改善率や、デザインだけで実現できる離脱防止率として紹介するものではありません。

1． 404ページの役割を、画面とURLの状態から理解する

404ページは、指定された場所の情報が見つからないことを伝える画面です。会社の印象を整えるだけでなく、訪問者が目的の情報へ進み直せるよう案内します。一方、検索エンジンなどへ伝えるURLの状態は、画面の文章だけでは決まりません。

エラーの文章とHTTPステータスは別に確認する

ブラウザに表示される本文とは別に、サーバーはHTTPステータスという応答を返します。通常のページなら200、見つからないページなら404、別の場所への転送なら301などが使われます。「404」と大きく書いた固定ページを作っただけでは、存在しないURLに対して適切な応答を返せるとは限りません。

GoogleのHTTPステータスに関する公式説明では、404を返すURLは検索に登録されず、登録済みでも時間とともに除外されるとされています。また、成功を示す応答でも、内容が空やエラーならソフト404として扱われることがあります。公開確認では本文と応答の両方を確認しましょう。

存在しないURLと、存在すべきページの不具合を区別する

終了した企画のページを意図的に削除した場合と、公開中の料金ページが誤って見られなくなった場合では、必要な対応が違います。前者は削除後の案内を考え、後者はページやリンクを修復することが先です。両方を「404ページをおしゃれにする」という依頼だけでまとめないようにします。

確認する際は、そのURLに今も情報があるべきかを社内で決めます。料金、採用条件、商品仕様などの掲載判断は、制作会社だけでは確定できないことがあります。内容を判断する担当者と技術担当が同じ一覧を見て、残す・移す・終了する方針を揃えると修正の手戻りを減らせます。

404の件数だけを減らすことを目標にしない

URLの入力間違い、過去のリンク、クローラーからのアクセスなど、404へ到達する理由はさまざまです。すべてのURLについて新しいページを作る必要はありません。重要なのは、現在案内しているサービスへ到達できない状態や、移した情報への案内漏れを見つけることです。

たとえば架空の会社サイトで、存在しない商品番号へのアクセスが多数あっても、現行のカタログからのリンク切れが一件あれば、そちらを優先する判断もあります。利用者の目的、業務への影響、リンクが置かれた場所を見て順番を決めます。件数の多さだけから、サイト全体の品質低下や罰則を断定しないでください。

2． 修復・転送・終了の案内を、ページの内容から選ぶ

デザインに着手する前に、問題のあるURLがどうなるべきかを整理します。転送先は、同じ会社のページなら何でもよいわけではありません。古いURLから訪れた人の目的を、新しいページが引き継げるかを確認します。

同じ情報を移した場合は、新旧URLを対応させる

サービスの内容を保ったままURLを変えたなら、古い場所から新しい場所へ案内することを検討します。Googleのリダイレクトの公式ガイドは、恒久的な移転と一時的な転送を区別しています。移転を戻す予定があるかも含めて、実装する担当者へ目的を伝えてください。

社内の一覧には旧URL、新URL、旧ページの役割、対応理由、確認担当を記録します。商品名や見出しが似ているだけで決めず、提供内容、対象者、申込方法まで見比べます。新しいページが準備中なら、公開前に転送だけを設定して、別のエラーへ送り出さないようにします。

代わりの情報がない場合は、無関係なページへ送らない

Googleのサイト移転の案内は、多数の古いURLを無関係な一つのページへ転送すると、利用者を混乱させ、ソフト404とみなされる可能性があると説明しています。一方、複数ページの内容を一つへ統合した場合には、その統合先への転送を検討できます。

終了したサービスに代替がない場合は、404や410などの応答方針を技術担当と確認します。終了を知らせる情報自体に必要性があるなら、説明を残すページを別途検討する方法もあります。削除するかどうかを決める前に、既存顧客が参照する規約や使い方まで失われないかを確認しましょう。

一時的な停止を、URLの恒久変更と混同しない

障害やメンテナンスで見られないだけなら、その情報がなくなったと扱うことが適切とは限りません。いつ再開する予定か、代わりの案内があるか、どの機能が使えないかを整理します。一時的な転送、停止案内、サーバー側の応答など、目的に合う処理を選びます。

「一時的だから必ず302」と機械的に決めるのではなく、転送先と利用者への説明をセットで考えます。予約機能だけが止まっているのに、サイト全体を無関係なページへ送ると、営業時間や連絡先まで確認できなくなります。対応範囲を絞り、再開時に戻す設定と確認担当も残してください。

3． 404の画面には、状況と次の行動を分かりやすく置く

訪問者はエラーを読むために来たわけではありません。長い謝罪文や大量のおすすめを並べるより、現在の状況を短く伝え、目的の情報を探し直せる入口を用意します。通常のページと同じ会社のサイトだと分かることも大切です。

見出しは状況を伝え、原因を決め付けない

「お探しのページが見つかりませんでした」のように、何が起きたかを説明します。原因が分かっていないなら「URLを間違えています」と利用者の責任にしません。リンクの誤りやサイト側の変更も考えられるため、入力・コピー・移動元のいずれでも読める表現にします。

補足文は「ページが移動したか、公開を終了した可能性があります。サービス一覧からお探しいただけます」など、次の行動につなぎます。移転の事実が確認できる個別ページなら、より具体的な説明にできます。すべてのエラーへ同じ推測の文章を付ける前に、確認できている事実を整理してください。

リンクは、移動先が分かる名前にする

W3Cのリンクの目的に関する解説では、リンクの文章や関連する文脈から目的を理解できることが示されています。「こちら」「進む」だけを並べるより、「サービス一覧を見る」「会社情報を見る」のように移動先を表す言葉を使います。

入口の数は、サイトの規模と訪問者の目的に合わせます。小さな企業サイトなら、サービス一覧と会社トップ、必要に応じた問い合わせで十分な場合があります。複数のボタンが全部同じ強さだと選びにくいため、最初に勧める行動を明確にし、それ以外を補助のリンクとして整理します。

検索や問い合わせは、使える条件を確認して置く

サイト内検索は、ページ数が多く、検索結果から情報を見つけられる場合に役立ちます。検索機能がないサイトへ入力欄だけを追加しても問題は解決しません。会社名、サービス名、言い換えなどで試し、結果がないときの案内も含めて確認しましょう。

問い合わせを置く場合は、何を相談できるかが分かる文を添えます。資料の場所を知りたいだけの人へ、商談申込しかないフォームを案内すると負担になることがあります。すぐに連絡を求める前に、自分で探し直せる入口を用意し、必要な人が窓口を使える構成にします。

4． 公開された設計例を読み、自社向けの文面へ落とし込む

他社の404ページを参考にするときは、見た目だけでなく、そのサイトで利用者が何をしようとしているかを読み取ります。行政手続き、企業のサービス検討、記事の閲覧では、必要な案内が違います。ここでは公開例と説明用の例を区別して考えます。

GOV.UKの例は、状況説明と必要な支援を簡潔につなぐ

GOV.UK Design Systemの404ページの設計例は、ページが見つからないことを伝え、入力したアドレスやコピーした範囲の確認、必要な問い合わせ先を案内しています。説明を簡潔にし、利用者を責めず、専門用語に頼らない方針も示されています。

参考にしたいのは、派手な演出より、利用者が困っている場面に必要な情報を優先する考え方です。この公開例から企業サイトでも同じ数値効果が出るとは判断できません。自社への応用では、探している情報、使える窓口、読者の理解に合わせて、案内の順序を試します。

企業サイトでは、サービスを探し直せる文面にする

以下は架空の設備会社を想定した文面例です。「お探しのページが見つかりませんでした。設備の点検・修理については、サービス一覧からご確認ください。資料の掲載場所が分からない場合は、お問い合わせ窓口へご相談いただけます」。この後に、対応する二つのリンクを置く構成です。

この文面は、どの企業にもそのまま当てはまるものではありません。採用応募が多いサイトなら採用情報の入口、既存顧客が製品資料を探すサイトなら資料一覧が必要です。アクセスの多いページと、業務上欠かせないページが一致しないこともあるため、現場で受ける質問を確認して選びます。

記事や商品を扱うサイトでは、候補の見せ方を調整する

記事が多いサイトの架空例なら、「お探しの記事が見つかりませんでした。カテゴリ一覧からテーマを選ぶか、キーワードを変えて検索してください」と案内します。カテゴリ名が社内用語だけになっていないか、検索結果が関連する記事を返すかまで確認すると、入口を置いた意味が生まれます。

商品サイトで関連商品を出す場合も、品番が少し似ているだけで代替品と断定しないようにします。用途、寸法、対応機種などが違えば、誤った選択につながることがあります。在庫切れの商品を直ちに404にするのではなく、商品情報を残すか、終了を説明するかも含めて販売担当と方針を決めます。

5． WordPressでは、使用中のテーマと表示経路を確認する

WordPressの404画面は、テーマの種類や設定によって編集する場所が異なります。インターネット上のコードを本番へ貼り付ける前に、現在どの仕組みで表示されているかを調べます。表示を変える作業と、URLの転送設定も別の対象です。

クラシックテーマとブロックテーマの違いを見る

WordPressのクラシックテーマの階層では、404.phpがあればそれを使い、見つからなければindex.phpへ進む構成が示されています。一方、ブロックテーマのテンプレート階層では、404.htmlなどのテンプレートが扱われます。

同じWordPressでも、ページビルダーや独自の実装が関係する場合があります。テーマ名、子テーマの有無、編集できる管理画面、現在表示されているテンプレートを確認してください。自社の構成に合わない編集方法を試すと、変更が反映されないだけでなく、更新後に上書きされることもあります。

共通メニューや画像が、存在しない階層でも表示されるか試す

404画面は、通常のページより深い階層のURLから開かれることがあります。画像やスタイルの参照方法によっては、トップ付近では表示できても、深い場所では読み込みに失敗する場合があります。ロゴ、文字、背景、メニューが揃って表示されるか、階層の違うURLで確認します。

共通ヘッダーやフッターを使う場合は、404だけでボタンが効かない、メニューが画面外へ出る、といった問題がないかも見ます。404のために別の大きな仕組みを追加する前に、現在の部品を使って必要な案内を作れないか検討すると、更新時に管理する場所を増やさずに済みます。

制作会社へは、デザインと応答・転送の対象を分けて依頼する

依頼する作業は、404画面の文章・配置、存在しないURLの応答、新旧URLの転送、既存リンクの修正、公開後の確認に分けて整理します。デザインだけの見積もりに、サイト全体の転送調査まで含まれているとは限りません。対象の一覧と完了条件を共有しましょう。

テーマやサーバーの変更前には、現在のファイルと設定、必要なデータの戻し方を確認します。検証環境がある場合は、まずそこで表示と応答を確かめます。個別の作業依頼のまとめ方は、ホームページ修正依頼のガイドに沿って、対象URLと希望する結果を記載すると伝わりやすくなります。

6． 公開前は、見た目・操作・HTTP応答を組み合わせて試す

404画面は、管理画面のプレビューだけでは確認しきれません。実際に存在しないURLを開き、必要な案内が表示され、リンクが動き、適切な応答が返るところまで確かめます。試すURLと期待する結果を先に書いておくと、確認漏れを防ぎやすくなります。

異なる種類のURLを用意して、期待する結果を決める

存在しない浅い階層、深い階層、実際に移した旧URL、残すべき現行URLなどを選びます。ランダムな一つのURLが404になっただけで、すべての転送やリンクが正しいとは判断できません。特にURLの末尾や大文字・小文字の扱いは、サイトの仕様に沿って確認します。

試験用のURLには個人情報や認証情報を入れず、管理担当が確認目的だと分かる名前を使います。実際の申込処理、削除操作、決済などを呼び出すURLで試す必要はありません。確認する範囲を通常のページ表示と移動に絞り、業務データに影響する操作は別の試験として扱います。

確認表には、画面と通信の両方を残す

通信の確認は、ブラウザの開発者ツールや技術担当の検査結果を使います。見るのは画像やCSSの応答だけでなく、ページ本体への応答です。転送がある場合は最終的な200だけを記録せず、どこからどこへ移動したかが分かる形で受け取ってください。

キーボードや画面拡大でも、次の行動を選べるか確かめる

Tabキーでリンクや検索欄へ移動できるか、現在選択している場所が見えるか、Enterキーで目的のページへ進めるかを試します。スマートフォンでは長いリンク名の折り返し、ボタンの重なり、メニューの開閉を確認します。文字を拡大したときに説明が欠けないことも確認項目です。

イラストやアニメーションを使う場合も、読むべき説明や操作を妨げないようにします。404画面を楽しく見せることが、すべての業種や利用場面に合うわけではありません。困っている人が必要な情報へ戻れるかを優先し、視覚表現はその案内を支える役割に留めます。

7． 公開後は、404に来た経路と、その後の行動を調べる

公開後の確認では、404が表示された件数と、実際に困っている訪問者の行動を同じ数字として扱わないようにします。検索エンジンの記録、サーバーのアクセス、アクセス解析は、それぞれ観測する対象が違います。目的に合う情報を組み合わせて改善します。

Search Consoleでは、理由と対象URLを確認する

Googleのページのインデックス登録レポートの案内では、見つからないURLやソフト404など、登録されない理由の説明を確認できます。意図して終了したURLなのか、現在も公開したいページなのかを照合し、修正が必要な対象を選びます。

レポートに古い状態が残る場合もあるため、そこに出た表示だけで現在の公開状態を断定しません。対象URLを実際に開き、必要に応じてURL検査や技術担当の応答確認を行います。修正した日時を記録しておくと、その後の確認が変更前の結果なのかを区別しやすくなります。

計測は、実際の404表示を識別できるかから確かめる

カスタム404を使っていても、ブラウザのURLが一律に「/404」へ変わるとは限りません。そのため、特定のパスだけをアクセス解析で検索しても、すべての404表示を集計できるとは限りません。ページの種類を識別する方法や必要なイベントを、計測担当と確認します。

取得する項目は、404表示、元のページの種類、案内リンクの選択、次に見たページなど、改善に使う範囲に絞ります。URLや検索語に個人情報が含まれ得る場合は、そのまま解析へ送らない設計が必要です。イベントが送られたことと、報告画面で正しく集計できることも、公開前後にそれぞれ確かめてください。

直帰率だけで成功を決めず、案内の目的を見直す

終了したサービスについて状況を理解できれば、別のページへ進まずに離れる人もいます。逆に、何度もリンクを押しているのに情報へ到達できない場合は、回遊が増えても改善とは言い切れません。404の後にどの行動を助けたいのかを定義して、数値と画面の両方を見ます。

社内の確認では、「サービス一覧へ進めた」「資料の場所を見つけた」「案内先でも迷った」などの観察結果を残します。前後の集計を比較する場合は、期間、対象URL、計測条件を揃え、テストアクセスやクローラーの扱いを確認します。根拠のない目標改善率を置くより、原因と対応を説明できる記録にしましょう。

8． 運用担当が使える依頼メモと、見直しの順序を決める

404への対応は一度の制作で終わりません。ページの追加・終了、サービス名の変更、資料の差し替えが起きるたびに、古い案内との関係を確認する必要があります。担当者が変わっても方針を追えるよう、依頼内容と確認結果をまとめて残します。

依頼メモには、対象・希望・未確定事項を書く

以下は架空の企業サイトの依頼メモです。デザイン案だけを送るより、訪問者に何をしてほしいか、どのURLを直したいかが分かると、調査・実装・確認の範囲を相談しやすくなります。技術的に不明な項目は、不明なまま調査を依頼して構いません。

古いリンクの修正も、担当と期限を決める

404画面や転送を整えた後も、変更できるリンクは現在のURLへ更新します。サイト本文だけでなく、PDF、配布資料、メールの定型文、外部の会社紹介などを確認します。外部サイトは自社で直せないこともあるため、依頼先と連絡状況を記録し、反映したかを後から確認します。

掲載情報全体の棚卸しは、ホームページの古い情報を見直すガイドで扱っています。404の問題を見つけた機会に、元の案内がどこへ残っているかまで調べると、同じ問い合わせやリンク切れが繰り返される原因を減らしやすくなります。

最初は重要なURLから、確認と修正を一巡する

最初に、現在案内している重要なページと、移転した主な旧URLを選びます。残す情報を決め、転送や修復を行い、404画面の案内を整えて、実際の表示と移動を確かめます。全URLを一度に整理しきれない場合も、未確認の対象と次の担当を残して進めましょう。

Acquaでは、404画面を含むホームページの制作・改善について、現在のサイトと必要な作業範囲からご相談いただけます。ホームページ制作・リニューアルの対応内容をご覧いただき、対象URLと困っていることをお聞かせください。画面を作る作業、転送やリンクの調査、公開後の確認を整理して進めます。

一次資料の確認日：2026年9月9日。管理画面や製品の仕様は変更されることがあります。文面・確認表・依頼メモは本記事の提案であり、各公式資料がすべてのサイトへ同一の運用や構成を求めているという意味ではありません。