404ページを作るべき理由と最低限の作り方

404ページは、存在しないURLにアクセスされた時に表示されるページです。リンク切れ、URLの入力ミス、削除済みページ、古い外部リンクなどで表示されます。

404が出ること自体は珍しくありません。大切なのは、ユーザーを行き止まりにせず、トップページ、サイトマップ、問い合わせ、関連ページへ戻れるようにしておくことです。

404ページに必要な最低限の導線

404ページでは、状況説明、戻る場所、探す場所、連絡先を用意して、迷ったユーザーをサイト内へ戻します。

404ページを作るべき理由

404ページがない、またはサーバー標準のそっけない画面だけだと、訪問者は「このサイトは壊れている」と感じて離脱しやすくなります。

自分で404ページを用意しておくと、URLを間違えた人、古いリンクから来た人、削除済みページに来た人を、もう一度サイト内の正しい場所へ案内できます。

404ページに入れる内容

404ページの文面例

404ページでは、難しい説明や強い謝罪よりも、状況と次の行動を分かりやすく書く方が親切です。

お探しのページは見つかりませんでした。

URLが変更されたか、ページが削除された可能性があります。
トップページまたはサイトマップから目的のページをお探しください。

最低限のHTML例

まずは次のような内容だけでも十分です。サイトの共通ナビやフッターがあるなら、それも読み込める形にすると戻りやすくなります。

<h1>ページが見つかりませんでした</h1>
<p>URLが変更されたか、ページが削除された可能性があります。</p>
<ul>
  <li><a href="/">トップページへ戻る</a></li>
  <li><a href="/site-map.php">サイトマップを見る</a></li>
  <li><a href="/contact.php">問い合わせる</a></li>
</ul>

やってはいけない404ページ

• 「404」だけを大きく表示して、戻るリンクがない
• トップページへ自動転送して、404だったことが分からない
• 問い合わせ先やサイトマップがない
• スマホでボタンが押しにくい
• サイトのデザインと違いすぎて不安に見える

トップページへ自動転送しない方がよい理由

404を全部トップページへ飛ばすと、ユーザーは「目的のページが消えたのか、自分が間違えたのか」が分かりません。Search Console上でも原因を見つけにくくなります。

404ページは404として表示しつつ、トップページやサイトマップへのリンクを置く方が、ユーザーにも管理者にも分かりやすいです。

作った後に確認すること

• 存在しないURLで404ページが表示される
• トップページへのリンクが開く
• サイトマップへのリンクが開く
• 問い合わせリンクが開く
• スマホでも文字とボタンが見やすい
• サイトの通常ページと見た目が大きくズレていない

AIへ相談する時の依頼文

404ページの作成をAIへ頼む時は、サイト構成、使っている共通パーツ、置きたいリンクをセットで伝えると安全です。

404ページを作りたいです。

サイトはPHPで作っています。
共通ナビとフッターがあります。
404ページに入れたいリンク：
- トップページ
- サイトマップ
- 問い合わせ
- おすすめ記事

トップページへ自動転送せず、404ページとして表示しつつ、ユーザーが戻れる導線を作ってください。
既存デザインに合わせる前提で、最低限安全な構成を提案してください。