カスタム404ページとは?404ページでユーザーの離脱を生まないために

カスタム404ページとは?404ページでユーザーの離脱を生まないために

カスタム404ページを適切に設置することで、本来離脱していた可能性のあるユーザーに対し、サイト内の回遊を促すことができます。

この記事では、基本的なカスタム404ページの意味と、参考にしたいカスタム404ページをご紹介します。

この記事のポイント

  • 404ページとは、リンク切れやそもそも存在していない場合に、表示されるエラーページのこと
  • カスタム404ページは、404ページをユーザビリティの向上や離脱率の低下を目的としてカスタムしたページのこと
  • カスタム404ページでは、「探しているページがないこと」と「近い情報の探し方」などを明確にするように作成することが望ましい

\疑問や不明点はお気軽にご質問ください!/

カスタム404ページとは

カスタム404ページとは、ページが存在せずに404エラーを返すが、ユーザーが探している情報を見つけられるようにカスタマイズした404ページのことです。

具体的にはトップページへのリンクや検索窓、重要なページへのリンクなどを追加したページが多く、弊社サイトではこのようになっております。

カスタム404ページ

設置することでユーザビリティの向上や離脱率の低下が見込めるため、Googleも設置を推奨しています。

参考:Google公式ヘルプ

また、404エラーを適切に対策しておくことは検索エンジン最適化(SEO)の基本項目です。SEOについて知りたい方はこちらをご覧下さい。

そもそも404ページとは

404ページとは、WEBサイトにアクセスする際、リンク切れやそもそも存在していない場合に、表示されるエラーページのことです。この際、ステータスコードが404で処理されるため、404ページと呼ばれています。

404notfound

このようなページを見かけることがあると思います。これが404ページです。

このようにアクセスしようとしたページが存在していないと、ユーザーは興味関心が薄れ、そのままサイトを離脱してしまう可能性があります。そのため、内部リンク切れなど、404ページへのアクセスにつながるようなことは、できる限り回避すべきです。

しかしながら、自分のサイトの内部リンクは管理できても、外部のサイトのリンクまで管理することはできません。また、大規模サイトで内部リンクを100%管理することが難しい場合や、ユーザーがアドレスを誤って入力した場合、あるいは、何らかの不都合でアクセスできないという場合も考えられます。

そこで役に立つのがカスタム404ページであり、「エラーであることを示しつつも、サイトの回遊性を担保するためのページ」が必要になるのです。

カスタム404ページにはどのような情報を表示するべきか

まずは、ユーザーが探しているページが存在しないことを明確に伝えるべきでしょう。探しているページが存在しないことがわからないと、ユーザーがコンテンツを探し続ける可能性があります。また、この際、「Not Found」だけなど、文言が単調にならないように気を付けます。

次に、そのWEBサイト上で、ユーザーが目的の情報(あるいは、近い内容の情報)を探すにはどうすればいいのかを、伝えます。例としては、サイト内を検索できる検索ボックスを設けることや、カテゴリで情報を探せるように、カテゴリ別のページへのリンクを設置することなどが挙げられます。また、「もしかして○○ですか」のように情報ページへのサジェスチョン機能を設けることも一つの手段です。

一例として、nanapiのカスタム404ページを見てみましょう。
nanapiのカスタム404ページの例

nanapiでは、アクセスしたページが存在しないことを伝え、ユーザーが目的のページを探せるように、検索ボックスを設けたり、カテゴリ別のリンクを設置したりしています

また、東京ディズニーリゾートのような海外からの訪問者も多いサイトでは、複数の言語で表示することでユーザビリティを高めています。

東京ディズニーリゾートのカスタム404ページ

参考:カスタム404ページの作り方

Apacheサーバーを利用の場合、カスタム404ページとして表示したいファイル(HTMLファイルなど)をアップロードします。そして、ルートディレクトリに設置された.htaccessに

ErrorDocument 404 [カスタム404ページのURL]

という一行を追加します。URLは相対パスで記載しましょう。たとえば、404.htmlというファイル名でルート直下に保存した場合は、

ErrorDocument 404 /404.html

のように記載します。

これでカスタム404ページが表示されるようになります。

まとめ

この世にステータスコード404が表示されないサイトはないと言っても過言ではありません。
そしてみなさんも経験があると思いますが、404ページが表示される際はあまりいい気はしません。
そういったユーザーの負の感情に対し、適切に対応できるのがカスタム404ページです。工夫をこらし、訪れてしまったユーザーの役に立つようなページを心がけましょう。

SEO対策の全体像を知りたい方は以下の記事も読んでみてください!検索エンジンの仕組み、リスティング広告との違い、技術要件、コンテンツ制作について1つ1つ解説しています。

集客・コンバージョン数を増やしたい方へ

ナイルのSEOコンサルティングは流入数の改善はもちろん、売上に貢献するコンバージョンも増やします。予算未定でも構いません。ぜひお気軽にご相談下さい!

サービス紹介をダウンロードする

ナイルに無料相談する

編集者情報

金子 光
金子 光(かねこ ひかる)
新卒で楽天グループ株式会社に入社。
営業管理として40人規模のチームをマネジメント。その後社員3人のベンチャー企業に入社し新規事業立ち上げを経験。
現在はナイルのマーケティング相談室編集長として、Webマーケティングに従事している。
無料相談はこちらから

監修者情報

ナイル編集部
ナイル編集部

2007年に創業し、約15年間で累計2,000社以上の会社にマーケティング支援を行う。また、会社としても様々な本を出版しており、業界へのノウハウ浸透に貢献している。(実績・事例はこちら

PIVOTにもスポンサード出演しました!

PIVOTにもスポンサード出演しました!
チャンネル登録者数が100万人を超えるYoutubeチャンネルPIVOTにスポンサード出演しました!
動画内では、マーケティング組織立ち上げのための新しい手段についてお話しています。
マーケティング組織に課題がある方はぜひご覧下さい。
動画を見る

関連記事

検索順位が落ちたときの 対策を教えます

【対談】検索順位が落ちる3つのパターンと対策をSEOコンサルタントが回答!

ドメインとは

ドメインとは

ドメイン切れはSEOにどう影響?更新忘れによる失効と再取得について71-ドメインパワーとは?SEO評価への影響とその意味・確認方法について

ドメイン切れはSEOにどう影響?更新忘れによる失効と再取得について

新着記事

【無料テンプレート付き】ロジックツリーの概要やメリット、作り方解説!

【無料テンプレート付き】ロジックツリーの概要やメリット、作り方解説!

動画で学ぶWebマーケティング【生成AI/ChatGPT編】

動画で学ぶWebマーケティング【生成AI/ChatGPT編】

サードパーティCookie廃止に伴う広告予算動向

【サードパーティCookie廃止に伴う広告予算の動向調査】

もっと効果的な集客施策
してみませんか?

Web戦略の情報を
定期的に受け取りたい方

取材・メディア掲載に関するお問い合わせは、こちらからお問い合わせください。