公開後の運営404 Not Found・ページが見つかりません
404ページ
404ページとは、お客様が存在しないアドレスにアクセスしたときに「ページが見つかりません」と知らせる案内画面です。
ない部屋番号を訪ねてきたお客様に「その部屋はありません。受付はこちらです」と知らせる案内板のようなものです。案内板がなければ、お客様はそのまま帰ってしまいます。
もう少し詳しく
アドレスを打ち間違えたときや、削除したページ・古いリンクからアクセスしたときに404が表示されます。リニューアル後、以前のアドレスがブログやSNSに残っているときによく起こります。
標準の404画面は白い背景に英語が1行あるだけなので、お客様はすぐに離れてしまいます。店名と、トップページ・予約・メニューへ移動するボタンを置けば、お客様を引き留められます。
移動したページなら、404ではなく新しいアドレスへ自動的に転送(301リダイレクト)するのが正解です。404は、本当になくなったページにだけ使います。
404と410の違いは?
404は「今このアドレスにページがありません」、410は「このページは意図的に完全に削除しました」という意味です。404は一時的にないだけかもしれないという余地を残し、410はもう戻ってこないと言い切る、という違いがあります。
Googleはどちらのコードも、インデックスから外す方向で処理します。そのため小さなホームページなら、なくなったページには404を使えば十分で、移動したページなら404・410ではなく301で新しいアドレスにつなぎます。
この数字を「ステータスコード」と呼びます。お客様の目には見えませんが、ブラウザや検索エンジンは画面よりも先にこの数字を読んで、ページをどう扱うかを決めます。
表は横にスワイプして見られます
| ステータス | 意味 | 使う場面 | 検索エンジンは |
|---|---|---|---|
| 200 | 正常 | ページがきちんとあるとき | 内容を読んでインデックスします |
| 301 | 恒久的な移動 | ページのアドレスを移したとき | 新しいアドレスを正式なものとして扱います |
| 404 | 見つかりません | 存在しないアドレス、削除したページ | インデックスから外します |
| 410 | 完全に削除 | 二度と作り直す予定のないページ | インデックスから外します |
| ソフト404 | 画面は「ありません」なのにコードは200 | 誤った設定 | エラーとして表示し、インデックスしません |
ソフト404とは?なぜ問題なの?
ソフト404とは、画面には「ページが見つかりません」と表示されているのに、サーバーは「正常(200)」と答えている状態です。人の目と検索エンジンが受け取るシグナルが食い違っているのです。
こうなると検索エンジンは空のページを正常なページとみなし、何度も確認しに来て時間を使ってしまいます。Google Search Consoleは、こうしたアドレスを「ソフト404」として別に表示します。
売り切れ商品のページが空の画面のまま残っていたり、終わったイベントのページに「終了」の1行しかなかったりするのがよくある例です。本当になくなったページなら本物の404を返し、残しておくページなら代わりに見られる商品や次回の日程といった内容を入れましょう。
逆に、存在しないアドレスをすべてトップページに転送しても、Googleはそれをソフト404に分類することがあります。お客様が探していたページではなく、見当違いのページが開くからです。なくなったページには404を、移したページにはいちばん近い新しいページへの301を使うのが基本です。
良い404ページには何を入れるべき?
良い404ページとは、お客様が「ここからどこへ行けばいいか」がすぐわかる画面です。お詫びの文言よりも、次の行動につながるボタンのほうが大切です。
404の画面も、ホームページの1ページとして上部メニューと店名をそのまま表示するのがおすすめです。そうすれば、お客様が別のサイトに入ってしまったと誤解しません。
文言は、お客様のせいに聞こえないように書くのがおすすめです。「アドレスの入力が間違っています」より「ページが移動したか、なくなりました」のほうが不快感が少なくなります。お店の雰囲気に合う短い一言を添えてもかまいませんが、次へ進むボタンより目立たないようにします。
- やさしい言葉での案内(例:「お探しのページはなくなったか、アドレスが変わりました」)
- 店名・ロゴ・上部メニューをそのまま表示
- トップページへ戻るボタン
- お客様がよく探すページへのリンク(メニュー・予約・アクセス)
- 電話・お問い合わせボタン、サイト内検索があれば検索窓
Google Search Consoleで404エラーを見つけるには?
Google Search Consoleの「ページ」レポートで、Googleがアクセスして404を受け取ったアドレスを確認できます。Search Consoleは、Googleが無料で提供している検索管理ツールです。
404の一覧には、お客様が実際には訪れないおかしなアドレスも混ざっています。ほかのサイトがアドレスを書き間違えたり、自動プログラムが適当なアドレスを試したりした痕跡なので、すべてを直す必要はありません。自分たちが以前に実際に使っていたアドレスかどうかを基準に、直すアドレスを選びます。
- 01Google Search Consoleにログインし、自分のホームページのプロパティを選びます。
- 02左メニューの「インデックス作成」の下にある「ページ」をクリックします。
- 03「ページがインデックスに登録されなかった理由」の表で「見つかりませんでした(404)」をクリックし、アドレスの一覧を見ます。
- 04アドレスをひとつずつ開いてみて、移したページなら新しいアドレスへ301を設定します。
- 05本当になくなったページならそのままにしておきますが、自分のホームページ内のリンクがそのアドレスを指していないか確認します。
- 06同じ表で「ソフト404」の項目も一緒に確認します。
- 07修正後は、レポートの「修正を検証」ボタンを押して、Googleに再確認をリクエストします。
404ページ作りでよくある失敗は?
いちばんよくある失敗は、存在しないアドレスをすべてトップページに送ってしまうことです。お客様は探していた内容の代わりに最初の画面を見て、また迷ってしまいますし、Googleも、互いに関係のない複数の古いアドレスを1つのページに転送しないよう案内しています。
デザインした404画面を作っておきながら、肝心のステータスコードは200を返しているという失敗も多いです。制作会社に404画面を依頼するときは、「画面」と一緒に「ステータスコードが本当に404になっているか」も確認してほしいと伝えましょう。
ステータスコードは画面を見ただけではわかりません。ブラウザの開発者ツールの「ネットワーク」タブや、オンラインのステータスコード確認ツールに存在しないアドレスを入れてみれば、404が返るのか200が返るのかがすぐにわかります。
- 存在しないアドレスを数秒後に自動でトップページへ転送する
- デザインした404画面がステータスコード200を返している
- サーバーのデフォルト画面(英語1行)をそのままにしている
- リニューアル後に古いアドレスの一覧を確認していない
- ホームページ内のリンク切れを404画面任せにしている
小さなお店のホームページで404が増えるのはどんなとき?
小さなお店では、季節メニュー、終わったイベント、終了したクラスのページを削除するときに404がいちばん多く発生します。そのページを紹介したブログ記事やSNSの投稿はずっと残っているので、お客様は数か月後でもそのリンクから訪れます。
チラシ・名刺・店内のQRコードに印刷したアドレスには特に注意が必要です。印刷物は直せないので、「〇〇.kr/menu」のように長く使う短いアドレスを決めておき、そのアドレスがいつも最新のメニューページにつながるよう管理してください。
商品を販売するホームページなら、商品ページが404の大きな原因です。一時的に売り切れの商品はページを削除せず再入荷の案内を置き、二度と販売しない商品だけを404で整理するか、いちばん近い商品へつなぎます。
ISSYMOは、404の案内画面の構成と、リニューアルで変わる古いアドレスのつなぎ先を、打ち合わせで一緒に決めます。
たとえば
- 工房が「/class-2024」ページを削除したのに、ネイバーブログにそのリンクが残っています。新しいクラスのページへ転送しておけば、お客様が迷いません。
これだけは確認してください
- 存在しないアドレス(〇〇.kr/abc)を入力して、自社の404画面が表示されるか
- 404画面にトップページ・予約のボタンがあるか
- Google Search Consoleで、404エラーになったアドレスを確認したか
うちのお店には?
すべてのホームページに必要で、リニューアル後は特に気をつけたいポイントです。
ISSYMOでは
404の案内画面をどうデザインするか、リニューアルで変わる以前のアドレスをどこへ転送するかは、打ち合わせで一緒に確認します。
よくある質問
参考にした資料
最終更新日