WordPress 用のパーソナライズされたユーザーフレンドリーな 404 ページを作成する方法

ウェブマスターとして、私も間違いを犯すでしょうし、あなたも間違いを犯すでしょうし、私たちは皆間違いを犯すのです。一部のエラーは 404 エラー ページで解決できます。一般的に、このページには次のプロンプトが表示されます: 「404 エラー: 申し訳ありませんが、お探しのファイル/ページは存在しません。」 このタイプのページはユーザー エクスペリエンスの向上には役立ちません。では、より使いやすい 404 ページを設計するにはどうすればよいでしょうか。

404 ページの目的は、サイトのユーザーに問題点を伝えることだけではなく、実行可能な解決策も提供することです。

デフォルトの WordPress テーマ Kubrick では、404 ページはシンプルで見苦しいので、あなたのページもあまり良くないと思います。この記事では、優れた 404 ページを作成する方法を段階的に説明します。

実際、優れた 404 ページのデザインは複雑ではありません。その目的は、Web サイトのユーザーが必要な情報を見つけ、Web サイトの閲覧を継続できるようにすることです。さっそく始めましょう！

あなたがウェブサイトの訪問者であると仮定します。

あなたがウェブサイトのユーザーで、404 ページに到達したとします。それは、他の情報を見つけたいからであり、そうでなければここには来なかったはずです。したがって、絶対にしてはいけないことがいくつかあります。

まず、ユーザーがウェブサイト上のどこかのリンクをクリックして 404 エラー ページに到達した可能性があると考えられます。もしそうなら、誰が責任を負うのでしょうか? 彼らですか? いいえ、あなた、つまりウェブマスターです。

次に、404 ページのデザインが Web サイト上の他のページと一致していることを確認します。ウェブマスターの中には、ユーザーの受け入れを考慮せずに独創的になることを好む人もいます。たとえば、あるウェブマスターはこのページを一般的な Windows のブルー スクリーンのように見えるように設計しましたが、結果はあまり良くなく、人々は彼の Web サイトから逃げてしまいました。

3 番目に、上記のブルー スクリーン デザインのようなジョークを言う場合は、全員がそれを受け入れていることを確認したほうがよいでしょう。

完璧な404エラーページをデザインしましょう

さて、何をすべきでないのかがわかったところで、ユーザーがあなたのウェブサイトに来るのは特定のコンテンツを探すためであり、通常はリンクをたどってここに来るということも知っておく必要があります。さて、ウェブマスターとして、ユーザーが目標を達成できるようにさまざまな方法を提供する必要があります。

素晴らしい 404 ページの例をいくつか見てみましょう。

上記の 404 ページの中では、コンバージョン率の専門家の Web サイトのデザインが私のお気に入りで、インスピレーションも得ました。

ユーザーを支援するために 4 つのオプションを提供します。

1. 再度検索

2. リンクにスペルミスがないか確認します。

3. サイトマップで検索します。

4. ウェブサイトのホームページに戻ります。

Apple の公式サイトでは、サイトマップをユーザーに直接提示しており、これは良いアイデアです。お好みに応じてお選びいただけます。

コンバージョン率の専門家による 404 ソリューションを使用することをお勧めします。これはデザイン面でも実装が簡単なので、詳細には触れません。ここで、もう 1 つ項目を追加して、ユーザーが入力した URL に関連するいくつかの Web ページのリストを表示します。この機能を実現するには、この URL アドレスを調査して分析し、何かが見つかるかどうかを確認する必要があります。

404 エラー ページはユーザーにどのような有用なデータを提供できますか?

多くのウェブマスターは、404 ページは行き止まりであると考えています。実際、ウェブサイトユーザーの検索意図を理解するのに役立つ多くの有用なデータを提供することができます。 URL アドレスを調べてみましょう。ドメイン名 / とその後のすべての文字から、ユーザーが何を探しているのかがわかります。

幸いなことに、WordPress システムはこの情報を保存しており、変数 $wp_query->query_vars['name'] を通じて見つけることができます。この wp_query クラス関数は、一連の処理の後に正規化された URL を保存します。この情報を使用して 404 ページを構築できます。

まず、$wp_query->query_vars['name']変数内のページ名と直接一致するページがあるかどうかを確認しましょう。

 $s = $wp_query->query_vars['名前'];

 $s = preg_replace("/(.*)-(html|htm|php|asp|aspx)$/","$1",$s);

 $posts = query_posts( 配列( 'post_type' => 'any', 'name' => $s) );

上記のステートメントで結果が出力されない場合は、str_replace() 関数を使用して、$s 文字列内の「-」をスペースで削除してから、再度検索する必要があります。 $s 変数を再利用する場合、それを if ステートメントの外側に配置して、前のクエリで結果が生成されたかどうかを確認します。

 $s = str_replace("-"," ",$s);

 （count($posts) == 0）の場合{

 $posts = query_posts(配列(配列('post_type' => 'any', 'name' => $s) );

 }

これで、ユーザーが以前に入力した URL に関連するログが出力されました。少なくとも、関連していると思われます。次のステートメントを使用して、それらをリスト形式で表示します。

 （$postsが0以上の場合）

 echo "<p>次の投稿のいずれかを探していましたか?

 またはページ?</p>";

 エコー "<ul>";

 foreach ($posts を $post として) {

 '<li>' をエコーし​​ます。

 echo '<a href="'.get_permalink($post->ID).'">'.$post->post_title.'</a>';

 エコー '</li>';

 }

 エコー "</ul>";

 }

面倒すぎると思われる場合は、スマート 404 プラグインをインストールできます。実装する機能は上記で紹介したものと同様です。

これで、すばらしい 404 ページが完成しました。条件を満たすログが多すぎる場合は、1 つずつ表示する必要はなく、いくつかを選択するだけでよいことに注意してください。さらに、404 エラーは、リファラー (ユーザー ソース) に関する有用な情報も提供します。つまり、誰かが Web サイトに間違った Web リンクを作成した場合や、存在しないページにリンクした場合です。したがって、最後に行う必要があるのは次のことです。

404ページを避ける

Google アナリティクスを使用する利点の 1 つは、リファラー情報を表示できるため、Web サイトのユーザーがどこから来ているかを確認できることです。この機能を使用すると、URL を適切な Web ページに指定できるほか、自分の Web サイトに誤ったリンクを張っている Web サイトを見つけて、Web マスターに通知してリンク アドレスを修正してもらうこともできます。

ウェブサイト上の 404 エラーを追跡するもう 1 つの優れた方法は、Google ウェブマスター ツールを使用することです。 「診断 - クロール エラー」メニューでは、Google はウェブサイト上の可能性のある 404 エラーを 1 つずつマークします。

この記事は、http://www.hiways.com.cn によって公開されています。 転載する場合は出典を明記してください。 ありがとうございます!

WordPress 用のパーソナライズされたユーザーフレンドリーな 404 ページを作成する方法

キーワード: wordpress、seo、ウェブマスター、ウェブサイト、ウェブサイトのプロモーション、収益化