404ページは、存在しないURLにアクセスしたときに表示されるページです。通常は「ページが見つかりません」とだけ伝える画面になりがちですが、ここを見直すだけで離脱を防ぎ、サイト内回遊につなげやすくなります。特にSEOでは、ユーザーがすぐにサイトを離れてしまう状態を減らすことが大切です。
404ページを改善する意味
404ページは、ユーザーが迷ったときの“最後の案内役”です。リンク切れやURLの入力ミス、ページ削除などで404が出るのは避けられませんが、そこで何も案内しないと、そのまま離脱されやすくなります。逆に、トップページや人気記事への導線があれば、別のページを見てもらえる可能性が高まります。
SEOの観点でも、404ページ自体を直接評価してもらうというより、サイト全体の使いやすさを高めることが重要です。結果として、直帰や離脱の抑制、回遊性の向上に役立ちます。
まず入れたい基本要素
改善の基本は、迷ったユーザーが次に取る行動をわかりやすく示すことです。最低限、次の要素を入れておくと実用的です。
- 「ページが見つかりません」という明確なメッセージ
- トップページへのリンク
- サイト内検索
- 人気記事や主要カテゴリへのリンク
- 問い合わせ先や戻り方の案内
特にサイト内検索は有効です。ユーザーが探していた情報に近いページへ移動しやすくなり、離脱を防ぎやすくなります。
WordPressでの実装例
WordPressでは、テーマ内の404.phpを編集して404ページを作成します。以下は、基本的な構成のサンプルです。
<?php get_header(); ?>
<main class="site-main error-404">
<section class="error-404__inner">
<h1>ページが見つかりませんでした</h1>
<p>お探しのページは削除されたか、URLが変更された可能性があります。</p>
<div class="error-404__search">
<h2>サイト内を検索する</h2>
<?php get_search_form(); ?>
</div>
<div class="error-404__links">
<h2>よく見られているページ</h2>
<ul>
<li><a href="<?php echo esc_url( home_url( '/' ) ); ?>">トップページ</a></li>
<li><a href="<?php echo esc_url( home_url( '/blog/' ) ); ?>">ブログ一覧</a></li>
<li><a href="<?php echo esc_url( home_url( '/contact/' ) ); ?>">お問い合わせ</a></li>
</ul>
</div>
</section>
</main>
<?php get_footer(); ?>この例では、検索フォームと主要ページへのリンクを置いています。esc_url()を使っているのは、リンク先を安全に出力するためです。WordPressでは、このような基本的なエスケープを入れておくことが大切です。
CSSで見やすく整える
404ページはシンプルでも、読みやすさを意識するだけで印象が変わります。以下のようなCSSで、中央寄せと余白を整えると見やすくなります。
.error-404 {
padding: 80px 20px;
}
.error-404__inner {
max-width: 720px;
margin: 0 auto;
text-align: center;
}
.error-404__links ul {
list-style: none;
padding: 0;
margin: 24px 0 0;
}
.error-404__links li {
margin: 12px 0;
}
.error-404__search {
margin-top: 32px;
}派手な演出よりも、必要な情報にすぐたどり着けることが重要です。404ページは「見せるページ」ではなく「戻すページ」と考えると、設計しやすくなります。
離脱を防ぐためのポイント
改善の際は、単にリンクを並べるだけでなく、ユーザーが困っている状況を想定することが大切です。たとえば、記事URLの変更が多いサイトでは、関連記事やカテゴリ一覧を出すと探しやすくなります。ECサイトなら、人気商品やカテゴリー導線が有効です。
また、404ページに不要な情報を詰め込みすぎると、かえって迷わせます。案内は3〜5個程度に絞り、目的のページへすぐ移動できる構成を意識しましょう。
定期的な確認も忘れない
404ページの改善は一度作って終わりではありません。アクセス解析やサーバーログを確認すると、どのURLで404が多いか把握できます。頻繁にアクセスされる404があれば、リンク修正やリダイレクト設定を行うと、ユーザー体験をさらに改善できます。
404ページを丁寧に整えることは、小さな対応に見えてもサイト全体の使いやすさに大きく影響します。検索流入後の離脱を減らしたいなら、まずは基本の案内を見直すことから始めてみましょう。
