既存サイトのWordPress化WordPressのカスタマイズWordPressの不具合修正WordPressの常時SSL化ブログWordPressWEB制作ライティングソーシャルメディア未分類お問い合わせHOMEWEB制作404エラーページをカスタマイズしてユーザビリティを最大化しよう!記事公開:2016/10/11最終更新:2019/03/08WEB制作404ページ404エラーページをカスタマイズしてユーザビリティを最大化しよう!facebookTwittepocketはてなFeedlyRSSranking404エラーページをカスタマイズしてユーザビリティを最大化する方法をご紹介します。404エラーページをデフォルトのままで使用している方は、ぜひご確認ください。WordPressのカスタマイズはお任せください。WordPressのカスタマイズを格安で代行いたします。ご希望のカスタマイズがあればご相談ください。Found】と書かれたページが、404エラーページと呼ばれるページです。どんな内容のページなのかと言うと、「あなたがアクセスしようとしたページはサイト上に存在しませんよ~」と教えてくれているページです。このページが表示される原因は2つあります。URLの一部を間違っている場合URLは正しいがそのページ自体が削除されている場合この404ページは、どの様なサイトでも表示されます。あなたの運営するサイトでも表示されますので、試しにご自身サイトにアクセスして、URLの後尾に適当な文字列を入力してクリックしてみてください。あなたのサイトでも404エラーページが表示されたはずです。404エラーページは、デフォルトで表示されますので、特に設定をする必要はないように感じます。その考えは間違いです。この404エラーページは、その内容を見直すだけでユーザビリティを向上させることができ、離脱率の改善にも貢献するからです。詳しく解説して行きましょう。404エラーページに求められるコンテンツ404エラーページの役割を明確にしておきましょう。404エラーページには、重要や役割が2つがあります。アクセスしたページが存在しないことを伝える。ユーザーの次のアクションを提案する。これら2つのコンテンツが404エラーページに求められています。個別に解説していきます。アクセスしたページが存在しないことを伝える。先ほどもお話したとおり、404エラーページの役割の一つは「あなたがアクセスしようとしたページはサイト上に存在しませんよ~」とユーザーに教えてあげることです。この役割は、デフォルトの404エラーページでも果たせているように感じますが、分かりづらいという問題があります。デフォルトの404エラーページは、英文で表示されるため、初めて見るユーザーには何のことか分からない可能性があります。それどころか、いきなり英文が表示されれば、ウイルスか何かに感染したかと慌てる方もいるかもしれません。私も最初のころは意味が分からず、とりあえずブラウザを閉じていました。これでは、ユーザーの離脱率が上がってしまいます。そのため、日本語で「あなたがアクセスしようとしたページはサイト上に存在しませんよ~」と明確に伝えなければなりません。【日本語で】というのがポイントですね。ユーザーの次のアクションを提案する。「あなたがアクセスしようとしたページはサイト上に存在しませんよ~」と伝えるだけが404エラーページの役割ではありません。一つの役割は、ユーザーに次のアクションを提案する事です。「あなたがアクセスしようとしたページはサイト上に存在しませんよ~」と伝えただけでは、「それなら別のサイトに行こう!」とユーザーがサイトから離脱してしまう可能性が高くなります。404エラーページからユーザーの離脱を少しでも防ぐためには、ユーザーに次のアクションを提案することが大切です。この「次のアクションを提案する方法」には、以下の様なコンテンツが考えられます。検索窓を設置してサイト内検索を提案する。サイトマップページへのリンクを掲載する。ブログの場合、最新記事の一覧を掲載する。ブログの場合、カテゴリーページへのリンクを一覧で掲載する。ブログの場合、人気記事の一覧を掲載する。サイトの内容によってコンテンツは変わってきますが、上記の様なコンテンツを設置する事で、ユーザーの離脱を防ぎ、サイトの内で次のアクションを起こさせることが可能となります。補足:404エラーページのデザインはサイトと同一にする。1点だけ補足しておきます。404エラーページのデザインは、サイト自体のデザインと統一感を出さなければなりません。404エラーページのデザインが、サイト自体のデザインと違うものであると、404エラーページにアクセスしたユーザーが、別のサイトに飛ばされたと勘違いしてページを閉じてしまう可能性があるからです。すると、離脱率も高まってしまいます。上記は、このサイトの404エラーページのキャプチャ画像です。ヘッダーやサイドエリアなどデザインを統一していますので、このサイトの404エラーページだと一目でわかります。別のサイトに飛ばされたと勘違いされることはほぼありません。404エラーページのデザインは、サイト自体のデザインと統一感を出しましょう。参考にしたい404エラーページをいくつかご紹介します。最後に参考にしたい404ページをいくつか紹介しておきます。404エラーページを作る時の参考にしてください。BLOGcss-happylifeまとめ404エラーページをカスタマイズしてユーザビリティを最大化しよう!という内容をまとめてみました。404エラーページは、意外と見落としがちですが、しっかりとカスタマイズする事で離脱率を下げるなど、良い結果を与える可能性があります。このコンテンツを機会に、あなたのサイトの404エラーページも、ぜひ見直しをしてみてください。facebookTwittepocketはてなFeedlyRSSrankingあなたのWEBサイトをWordpressで管理できるようにしませんか?あなたのWEBサイトを見た目そのままでWordpress化いたします。以下に興味のある方は、お気軽にご相談下さい。あなたのWEBサイトを、Wordpressで運営できる様にいたします。ページの編集や追加も簡単に行えるようになります。どの様な形式のサイト(例えば、アメブロ、MTサイトなど)でもWordPress化いたします。Wordpress化でサイトのデザインが崩れるなどの心配は必要ありません。デザインもサイト構成もほぼ変わらない、高い再現率が自慢です。Wordpress化するだけではありません。デザイン変更など+αの作業にも対応することも可能です。他案件との兼ね合いもありますが、最短即日であなたのサイトをWordpress化いたします。初心者でもWordpressが使えるよう、納品後に徹底的な操作サポートをご提供いたします。Wordpress化したけど操作できないと、あなたが頭を抱えることはありません。興味のある方は、以下のリンクからチェックしてみてください。kondo岡山在住のWordPress専門フリーランサーです。Wordpressを使ったWEBサイト制作を中心に10年間ほど活動させていただいています。Wordpress関連の記事でお役に立てれば幸いです。【関連記事】あなたが興味のありそうな関連記事をご紹介します。2019/09/15【レスポンシブ】デバイスの横幅を基準に読み込むJavascriptを切り替える方法デバイスの横幅を基準に読み込むJavascriptを切り替える方法をご紹介しています。レスポンシブデザインのサイトなどで利用する機会があるカスタマイズです。簡単にできますので、このコンテンツでやり方をマスターしてください。記事を読む2019/03/06【レスポンシブデザイン】不要な要素をCSSだけで非表示にする方法レスポンシブデザインなどで、この要素はPCでは表示させたいが、スマホでは非表示にしたいといったケースがあるかと思います。特定の要素をCSSだけで消す方法をご紹介します。記事を読む2019/09/15CSSだけで長い文字列を「...」と省略表示する方法CSSだけで長い文字列を省略表示する方法をご紹介します。文字列が要素からはみ出す場合、末尾に「...」を付けて省略表示させる方法です。興味のある方は、3分間でカスタマイズ方法をマスターしてください。記事を読む2019/07/28【たった1分】ドメインから使っているサーバーを調べる方法ドメインからサイトが設置されているサーバーを調べる方法をご紹介しています。専門的な知識は必要ありません。コンテンツの中で紹介しているWEBサービスを利用(無料)すれば、どなたでもドメインからサーバー会社を調べることができます。記事を読む2019/09/15レスポンシブデザインでテーブルを横スクロールさせる方法スマホ表示でテーブルを最適化するとき、扱いづらいテーブルが出てくるかと思います。そんなテーブルを横スクロールさせることで、簡単に最適化する方法をご紹介しています。横スクロールできることを伝えるテクニック付きです。上に表示された文字を入力してください。kondoWordPress専門のフリーランサーです。WordPressを使ったホームページ制作とカスタマイズをメインに、岡山県を中心に10年ほど活動しています。このサイトではこれまでの経験を生かし、WordPressに関連したコンテンツを中心に配信しています。あなたのお役に立てるコンテンツを見つけてください。詳しいプロフィールはコチラサービス一覧(人気順)WPカスタマイザーWordPressのカスタマイズを代行するサービスです。WPクリエイターWordPressを使ってオリジナルサイトを0から作成するサービスです。既存のWEBサイトをWordPressで再構築するサービスです。WPレスキューWordPressのエラーや不具合を解決するサービスです。WP-SSLWordPressで構築されたサイトを常時SSL化するサービスです。【WordPress】テーマフォルダの画像を呼び出すときの画像パスを短くする方法893pvレスポンシブ対策!電話番号リンク(tel:)をスマホのみ有効にする3つの方法レスポンシブ対策!電話番号リンク(tel:)をスマホのみ有効にする3つの方法733pvWordpressの改行と段落が消える原因と解決方法Wordpressの改行と段落が消える原因と解決方法617pvWordPressに新着記事の一覧を表示する方法。get_postsで簡単!WordPressに新着記事の一覧を表示する方法。