2019.12.27Tweet404エラーページを活用してコンバージョンを生み出す方法Tweetこのページを見ている方はWEBサイトを運営している方で404エラーページをこれから作ろうと思っている方や、改善しようとしている方ではないでしょうか?404エラーページを作らないと、404エラーの際にブラウザ固有のエラーページが出てきて、ユーザーがびっくりしてしまいますので必ずサイトの中に専用のページを作成しましょう。今回は404エラーページを活用してコンバージョン数を上げる方法をご紹介しますので気になる方は最後まで読んでくださいね。スマートフォン対応も忘れずに404エラーページを活用してCVRを向上させましょう404エラーとはGoogleの404エラーページまず404エラーの「404」とは「ステータスコード」と言われるもので、URLを入力してアクセスする際にサーバーからブラウザに返ってくる反応を示します。ステータスコードのなかでも、400番台と500番台はエラーを示すステータスコードです。found」を意味するステータスで、何らかの理由でアクセスしているページが見つからなかった場合に返ってきます。ステータスコード404のことを404エラーと呼びます。404エラーになるシーンでは、404エラーになるのはどのようなシーンなのでしょうか?WEBサイトに訪問したユーザーが404エラーに遭遇するシーンをいくつかご紹介します。ページのファイル自体がサーバーから削除されている利用しなくなったページを整理するためにhtmlファイルなどをサーバーから削除した場合、該当URLへアクセスすると404エラーになります。ECサイトや求人サイトなどデータベース系のサービスで情報掲載期間が終了したページが自動で削除される仕様になっている場合、削除後にアクセスするとエラーになりますので要注意です。URLが間違っている404エラーになるけど何が問題なんだろう?と言う方でよくあるのがURLのスペルミスなどをしている場合です。本来「https://hitonote.jp/」というURLなのに間違えて、「https://hitonote.jpppp/」というURLにアクセスすれば404エラーが返ってきます。URLを変更したがリダイレクト処理が失敗している古いURLから新しいURLへ変更し、古いURL→新しいURLへ301リダイレクトをかける場合に正しく設定されていないと404エラーになってしまいます。ページのファイルもあるし、URLも合ってるのに404エラーになる場合はリダイレクト設定を確認してみましょう。404エラーページを作成するメリットGoogleChromeの404エラー画面URLへアクセスして404エラーになった場合、WEBサイト上で設定をしていない限りブラウザ固有の404エラーページが表示されます。GoogleChromeの場合は以下のような画面になります。ブラウザ固有のエラー画面表示された場合、ユーザーは「戻る」ボタンを押して前の画面に戻りますが、それがランディングページの場合は直帰になってしまうので非常にもったいないのです。あなたのWEBサイト専用の404エラーページを作成して魅力的なコンテンツへの導線を用意すれば、エラーページを経由して他のページへ回遊してもらうことも可能です。404エラーページを用意することはSEO観点でもメリットがあります。検索エンジンのクローラーが対象のURLにアクセスした場合に、404ページから他のページにアクセスする導線があればクローリングをしてくれるので、検索エンジンがサイト内のコンテンツを検知しやすくなります。実際に、各サイトで設定している404エラーページの事例をご紹介します。マッハバイト(旧ジョブセンス)マッハバイトのエラーページ求人サイトの404エラーページの事例です。共通のヘッダーとフッターに「トップページへ戻る」というシンプルな導線です。ポイントは真ん中の枠内のどこをクリックしてもトップページへ遷移するので、ユーザーがTOPへの行きやすいという点です。ZOZOTOWNZOZOTOWNのエラーページファッションECサイト大手のZOZOTOWN。存在しない商品情報のページの場合は何のブランドのディレクトリかを判別して、そのブランドのおすすめ商品を表示するしくみになっています。ECサイトは品切れや在庫入れ替えでページが無くなることが多いのですが、そのような場合でも買い物を楽しめるUIなのはさすがZOZOですね!HOME’SHOME’Sのエラーページ大手物件検索サイトのHOME’Sの404エラーページでは、最近見た物件が表示されます。物件ページはECよりも高頻度で掲載の開始&終了があるのでユーザーがブックマークしていた物件を、もう一度見に来た時に掲載が終わっている場合も多いですが、このようなエラーページならユーザーが物件探しを続けることができますね。LIGLIGのエラーページLIGは業界でも有名なWEBサイトの制作会社です。そんなLIGの404エラーページには「探していたページは漆黒の闇へと飲み込まれてゆきました。」とのメッセージが書かれているユニークなデザインです。おすすめ記事の導線などユーザーが離脱しない工夫がされており、さすが!という印象のエラーページです。LEGOLEGOのエラーページおもちゃのLEGOブロックで有名なLEGOのホームページのエラーページはLEGOの世界観がしっかりと組み込まれています。Found」という言葉は使わず、まるで冒険をしているような設定のメッセージとデザインで作られています。404エラーページを利用してコンバージョン数を上げる方法こだわった404エラーページを作ることによって、コンバージョン数向上に繋げることができます。今まで直帰をしていたユーザーがサイトの中を回遊できるようになる影響は大きいです。エラーページが1か月に1,000回訪問されているサイトで、エラーページ経由のCVRが1%あれば10件のコンバージョンが生まれることになります。10,000回訪問されていれば、100件のコンバージョンが生まれます。404エラーページを作成していないという方はすぐに作成することを、すでに作成している方はページを見直して改善することをおすすめします。ここではコンバージョンを生み出す404エラーページのポイントを何点かご紹介します。サイト内の他画面と体裁を揃える404エラーページでも、他画面と同様グローバルナビやフッターをしっかりと入れましょう。体裁が揃っていないと、「いきなり別のサイトに行ってしまったの?」とユーザーが混乱することがあります。Found」や「404エラー」と表示されただけで意味がわかりますが、世の中のほとんどの方々はそのような単語を知りません。「ページが見つかりませんでした」「この情報は掲載が終了しています」など誰でも理解できる表現を使いましょう。エラー感を出しすぎないエラーページということで、赤文字を使ったり文字を極端に大きくしたり「エラー」であることを強調しているサイトをよく見かけますが、あまり鬼気迫るデザインやコピーを入れるとユーザーに心理的な負荷を与えて離脱を招きますので、柔らかい表現を心がけましょう。ユーザーに回遊してほしい導線を入れるエラーページを作成する際には、他のページと同様「ユーザーに、この後どのような行動を取ってほしいのか?」という事を想像しましょう。ECサイトならエラー画面から商品情報や商品一覧画面へ進み最終的には購入カートへ遷移してほしいですし、コーポレートサイトならエラー画面からサービスや事業紹介のページに進み、最終的には問い合わせをしてほしいはずです。自分のサイトのコンバージョンポイントに合わせて、エラー画面に設置する導線を検討しましょう。スマートフォン対応も忘れずに今や当たり前になっている、WEBサイトのスマートフォン対応ですが、TOPページや他の下層ページは対応済みなのに、エラーページだけ対応が漏れているサイトをよく見かけます。サイトの種類によりますが、BtoCのサイトであればスマートフォンのアクセスの方が多いので、忘れずに対応しておきましょう。404エラーページを活用してCVRを向上させましょう404エラーページはWEBサイトの中でも重要なページです。自分のサイトのエラーページは普段あまり見ないかもしれませんが、ユーザーには意外と見られているということが良くあります。ユーザーに見てもらっているのに、不親切なUIになっているのは非常にもったいないので、今回ご紹介した事例や、エラーページを制作するポイントを参考にご自身のサイトのエラーページを見直してみて下さいね。株式会社ヒトノテのCMO兼グロースハッカー。データ分析をもとにしたCVRやUI/UX等のサイト改善が得意です。株式会社ヒトノテの代表取締役CEO。エンジニアとしてキャリアスタートし、サイバーエージェントのSEO分析研究機関を経て、リクルートの横断マーケティング組織のマネージャー&全社SEO技術責任者を務める。その後、独立しSEOを中心としたクライアントの課題解決を行う。2017年、株式会社ヒトノテを創業し、様々な企業のウェブマーケティングの支援を行う。Sheetsでサーチコンソール「検索パフォーマンス」のデータ取得方法を解説!スプレッドシートでアドオンを使いこなそう!2020.01.20SEOで重要視されているE-A-Tとは?ご質問やご相談など、お気軽にお問い合わせください。