ホームページのページを削除したりURLを変更したりすると、そのページを開いたユーザーには404ページが表示されます。404ページが初期設定のままでは、ユーザーは次に見るページが分からず、ホームページから離脱してしまいます。
この記事では、404ページで離脱を防ぐために入れる内容と作るときの注意点を解説し、当社がホームページ制作で404ページの内容を決めるときの考え方も紹介します。
ホームページで404ページが表示される原因
404ページは、ユーザーが開こうとしたページがホームページ上に見つからないときに表示されるページです。404ページが表示される原因は、ホームページを管理する側にあるものと、ユーザー側にあるものに分かれます。
ページを削除した
サービスの終了や商品の販売終了などでページを削除すると、そのページのURLを開いたユーザーには404ページが表示されます。
ページを削除しても、検索結果にはしばらく削除前のページが残ります。ブックマークやSNSの投稿、ほかのホームページからのリンクも削除前のURLのままです。そのため、ページを削除したあとも削除したページを開こうとするユーザーは一定数いて、そのたびに404ページが表示されます。
古いお知らせや終了したキャンペーンページなど、不要になったページを整理したときに起きやすい原因です。
ページのURLを変更した
ページの内容はそのままでも、URLを変更すると変更前のURLには404ページが表示されます。
リニューアルでホームページの階層を変えたときや、日本語のURLを英語に変えたときなど、ページのURLを変更する機会は意外と多くあります。変更前のURLから新しいURLへ301リダイレクトを設定していないと、検索結果やブックマーク、印刷物に載せたQRコードから訪れたユーザーは、目的のページではなく404ページにたどり着きます。
社内でページを更新するときに、担当者が気づかないうちにURLを変えてしまうケースもあります。
ホームページ内のリンクのURLが間違っている
ページが存在していても、ホームページ内のリンクのURLが間違っていると、リンクをクリックしたユーザーには404ページが表示されます。
リンクを手入力したときの打ち間違いや、ページのURLを変更したあとに古いURLのリンクが残っているケースが代表的です。メニューやバナー、本文中のリンクなど、ホームページ内のリンクは数が多く、すべてを目で確認するのは難しいので、リンク切れに気づかないまま公開を続けていることも少なくありません。
ホームページ内のリンクから表示される404ページは、ユーザーにはホームページの作りの問題に見えるので、信頼性の低下にもつながります。
ユーザーがURLを入力し間違えた
ユーザーがブラウザのアドレスバーにURLを直接入力したときに、文字を打ち間違えると404ページが表示されます。
名刺やチラシ、パンフレットに載せたURLを見て入力する場合は、英数字が長いURLほど入力ミスが起きやすくなります。ユーザー側の入力ミスは、ホームページを管理する側では防ぐことができません。
ページの削除やURLの変更をしていなくても404ページはいつか必ず表示されるものと考え、表示されたときにユーザーが離脱しない404ページを用意しておくことが大切です。
404ページを作り込まないとユーザーが離脱する理由
404ページは、サーバーが用意している初期設定のページのままでも表示されます。ただ、初期設定の404ページをそのまま使っていると、404ページが表示されたユーザーの多くはそのままホームページから離脱してしまいます。
初期設定の404ページでは何が起きたのか分からない
初期設定の404ページには、「404 Not Found」のような英語のエラーメッセージだけが表示されるものが多くあります。
ホームページに詳しくないユーザーには、英語のエラーメッセージを見てもページが見つからないことが伝わりません。自分の操作が間違ったのか、ホームページに不具合が起きているのか判断できないまま、ユーザーは不安を感じてページを閉じてしまいます。
特にスマホで検索結果やSNSのリンクから訪れたユーザーは、ほかのホームページへすぐに移れるので、何が起きたのか分からない画面で立ち止まることはほとんどありません。せっかくホームページに訪れたユーザーを、404ページの分かりにくさだけで逃してしまうことになります。
次に見るページへのリンクがなく行き先がない
初期設定の404ページには、トップページや主要なページへのリンクがありません。
404ページが表示されたユーザーが目的のページを探し直すには、ブラウザの戻るボタンで前のページに戻るか、URLを自分で入力し直すしかありません。検索結果から訪れたユーザーが戻るボタンを押すと検索結果に戻るので、そのまま競合他社のホームページを開いてしまう可能性があります。
目的の情報がホームページ内の別のページに残っていても、404ページに行き先がなければユーザーはたどり着けず、問い合わせや購入の機会を失うことになります。
ホームページが閉鎖したと思われる
初期設定の404ページは、ほかのページとデザインがまったく違い、会社名やロゴも表示されません。
いつも見ているホームページとは違う画面が突然表示されると、ユーザーはホームページが閉鎖した、もしくは会社が事業をやめたと受け取ることがあります。取引を検討している会社のホームページでこうした画面が表示されると、ユーザーは会社の信頼性にも不安を感じます。
404ページはエラーのページですが、ユーザーにとってはホームページの一部です。同じ会社のホームページだと分からない404ページのままでは、1ページが見つからないだけで会社そのものの印象を下げてしまいます。
404ページに入れる内容
404ページは、ページが見つからなかったユーザーに状況を伝えて、ホームページ内の別のページへ案内するためのページです。404ページに入れる内容を決めておくと、ページが見つからなかったユーザーをホームページ内にとどめることができます。
ページが見つからないことを伝えるメッセージ
404ページの一番目立つ位置には、ページが見つからないことを伝えるメッセージを日本語で入れます。
「お探しのページは見つかりませんでした」のように、ホームページに詳しくないユーザーにも一目で状況が分かる文章にすることが大切です。404という数字や英語のエラーメッセージだけでは、ユーザーは何が起きたのか分かりません。
メッセージの書き方は、ホームページ全体の文章のトーンに合わせます。堅い印象の会社なら丁寧な文章に、親しみやすさを打ち出している会社ならやわらかい文章にすると、404ページでも会社らしさが伝わります。
ページが見つからない理由
404ページには、ページが見つからない理由として考えられるものを入れます。
ページが削除された、URLが変更された、URLの入力に間違いがある、といった理由を並べておくと、ユーザーは自分の状況に当てはまるものを判断できます。URLの入力に間違いがある可能性を示しておけば、ユーザーがURLを確認して入力し直すきっかけになります。
理由を伝えずにメッセージだけを表示すると、ユーザーはホームページに不具合が起きていると受け取ることがあります。理由は長く説明する必要はなく、2〜3行にまとめる程度で十分です。
トップページへのリンク
404ページには、トップページへのリンクを必ず入れます。トップページからはサービスや会社概要など主要なページへ進めるので、ユーザーは目的のページを探し直すことができます。
リンクはテキストだけでなくボタンの形にして目立たせると、スマホでもタップしやすくなります。ボタンの文言は「トップページへ戻る」のように、押したあとにどこへ移動するかが分かるものにします。ヘッダーのロゴからトップページへ戻れることを知らないユーザーは多いので、404ページの本文の中にトップページへのリンクを置いておくことが大切です。
よく見られているページへのリンク
404ページには、ホームページの中でよく見られているページへのリンクを入れます。
サービス紹介や料金、制作事例など、多くのユーザーが目的にしているページへのリンクがあれば、ユーザーはトップページを経由せずに目的の情報へたどり着けます。どのページがよく見られているかは、Googleアナリティクスでページごとの表示回数を見れば判断できます。
削除やURLの変更が起きやすいブログ記事や事例のページは、一覧ページへのリンクを入れておくと、ユーザーがほかの記事や事例を探しやすくなります。リンクの数が多すぎると選びにくくなるので、3〜5個程度に絞ります。
サイト内検索
404ページにサイト内検索を入れると、ユーザーは探していた内容をキーワードで直接探せます。
ページ数が多いホームページや、似た内容のページが多いホームページでは、リンクだけでは目的のページを見つけにくく、サイト内検索が役立ちます。ページ名が分からなくても、商品名やサービス名など覚えている言葉で探せるので、ユーザーが目的のページを見つけるまでの手間を減らせます。
サイト内検索を入れる場合は、検索結果のページのデザインもほかのページとそろえておくと、ユーザーが迷わずに使えます。
404ページを作るときの注意点
404ページは、入れる内容を決めるだけでなく、作り方を間違えないことも大切です。404ページの作り方によっては、ユーザーを混乱させたり、検索エンジンにページの状態を正しく伝えられなくなったりします。
ほかのページとデザインをそろえる
404ページは、ヘッダーやフッター、色やフォントをほかのページとそろえて作ります。
404ページにもヘッダーのロゴやメニューが表示されていれば、ユーザーは同じ会社のホームページの中にいると分かり、メニューからほかのページへ移動することもできます。WordPressで制作したホームページであれば、テーマの404ページ用のテンプレートを使うと、ほかのページと同じヘッダーやフッターを表示した状態で404ページを作れます。
デザインをそろえるといっても、404ページを凝った見た目にする必要はありません。メッセージやリンクなど404ページに入れる内容が見やすく並んでいることを優先し、イラストなどを入れる場合も、ページが見つからないことが伝わりにくくならない程度にとどめます。
404ページは404のステータスコードを返す
404ページは、サーバーが返すステータスコードを404にしておく必要があります。
ステータスコードはページの状態を検索エンジンやブラウザに伝える番号で、ページが見つからないときは404を返すのが正しい設定です。404ページを通常のページとして作り、ページが正常に表示されたことを示す200を返していると、Googleはソフト404と判断します。
ソフト404になると、存在しないページを検索エンジンに正しく伝えられず、サーチコンソールのページのインデックス登録レポートにソフト404として表示されます。404ページのステータスコードは、ブラウザの開発者ツールのネットワークの項目で、存在しないURLを開いたときの数字を見れば判断できます。
404ページをトップページにリダイレクトしない
存在しないURLにアクセスしたユーザーを、404ページを表示せずにトップページへ自動で移動させる設定は避けます。
ユーザーは目的のページを開いたつもりなのに突然トップページが表示されるので、ページが見つからなかったことに気づかず混乱します。存在しないURLをまとめてトップページへリダイレクトしている場合も、Googleはソフト404として扱います。
URLを変更したページは変更前のURLから新しいURLへ個別に301リダイレクトを設定し、本当に存在しないURLにだけ404ページを表示する形が正しい対応です。
当社がホームページ制作で404ページの内容を決めるときの考え方
当社では、ホームページ制作で404ページを作るときに、ページが見つからないことを伝えるメッセージ、ページが見つからない理由、トップページへのリンク、よく見られているページへのリンクをすべて入れています。
404ページは初期設定のまま使わず、ホームページごとにオリジナルで作成し、ほかのページと同じデザインでユーザーを別のページへ案内できる状態にしています。
一方で、サイト内検索は、商品や事例など似た内容のページを数多く作成しているホームページや、サイト構成が複雑なホームページにだけ入れています。
サイト内検索は導入に予算が必要です。ページ数が少ないホームページやサイト構成がシンプルなホームページでは、トップページやよく見られているページへのリンクだけでも十分にユーザーを案内できます。ホームページ制作の段階ではサイト内検索はできる限り入れず、その予算をほかのコンテンツに使ったほうが、成果が出るホームページになる可能性が高いと考えています。
また、当社では404ページを作るだけでなく、404ページができる限り表示されないホームページにすることも大切にしています。公開後にページを削除したりURLを変更したりしないよう、お客様にはホームページ制作の段階でしっかりお伝えしています。
公開後にページを削除したりURLを変えたりしない前提でページを作ってもらうと、ページごとの内容をしっかり考えてもらえるようになり、各ページの品質が高まりやすくなります。似た内容のページを作らないように意識してもらえるのも、制作段階でお伝えしておくメリットです。
404ページ自体はあっても問題はありません。ただ、404ページが表示されることができる限り少ないホームページのほうが成果は出やすいと、お客様にお伝えしています。
まとめ
404ページは、ページが見つからなかったユーザーをホームページ内にとどめるためのページです。初期設定のままにせず、ユーザーを別のページへ案内できる404ページを用意しておけば、ページの削除やURLの入力ミスがあっても離脱を防げます。
当社では、ホームページ制作の段階で404ページをオリジナルで作成し、ホームページの規模に合わせて入れる内容を決めています。あわせて、公開後に404ページが表示されにくいホームページになるよう、ページの扱い方までお客様と決めています。
これからホームページを制作したい、今のホームページで成果が出ていない、といったお悩みがあれば、お気軽にご相談ください。御社のホームページの目的や状況をヒアリングしたうえで、成果につながるホームページ制作をご提案します。
