WordPress でカスタム 404 ページを作成する方法

ほとんどのインターネット ユーザーが、よく知られた <i>404 ページが見つかりません エラー メッセージにがっかりしていることは間違いありません。おそらく、今月少なくとも 1 回は、壊れたリンクをクリックしたときにこの迷惑なメッセージが表示されているはずです。

404 エラーは、サーバーがさまざまな理由で処理できなかった Web ページ要求に対する標準の HTTP 応答です。デフォルトでは、エラー メッセージは白い背景にプレーン テキストとして表示されます。この安っぽいメッセージが嫌いなら、ウェブサイト訪問者にもこのメッセージを見せたくないでしょう。では、カスタム メッセージを使用してイライラを軽減してみてはいかがでしょうか?

このチュートリアルでは、Web サイト訪問者が空白になったときにイライラしないように、カスタムの <i>ページが見つかりません メッセージを作成する手順を説明します。ただし、まず、Web ページにアクセスしようとすると空白が表示される理由をよく理解しましょう。

<i>404 ページが見つかりません エラーが発生する方法と理由

リンクをクリックして 404 エラーが発生した場合、サーバーへのページ要求は成功したが、アクセスしようとした特定のページがサーバーで見つからなかったことを意味します。これには多くの原因があります。

たとえば、リンクが接続していた Web ページが削除された場合、404 エラーが表示されます。この問題につながる典型的なシナリオは、人気のコンテンツを含む古いページが削除されたにもかかわらず、そのページへの他のウェブサイトからのリンクが多数存在していた場合です。サイト管理者がページリンクの欠落を防ぐための予防措置を講じていない場合、大規模なニュース Web サイトがこの問題の原因となる可能性があります。

404 ページ エラーは、要求されたページが新しいドメイン名に移動された場合にも発生する可能性があります。サーバーに問題がある場合 (サーバーがダウンしているか、何らかの理由でアクセスできない場合)、DNS エラーが発生する可能性があります。ファイアウォール、コンテンツ フィルター、その他の形式のコンテンツ ブロックによってもリンク切れが発生する可能性があります。

結論から言えば、ウェブ上ではリンク切れはよくあることです。ユーザーにとってエクスペリエンスをより耐えられるものにするかどうかは、Web サイトの所有者または管理者の責任です。インターネット ユーザーは一般に、Web サイト上の情報を検索するときにせっかちであることを覚えておいてください。あなたのウェブサイトで見つかったのが単純で腹立たしい 404 エラーだけだった場合、ユーザーは欲しいものを得るために別のウェブサイトを探すのに時間を無駄にすることはありません。

ユーザーフレンドリーなエラーメッセージ

すでに述べたように、ほとんどの Web サーバーは、アクセスできなかった理由を示す謝罪<i>—<i> を表示する基本的な 404 エラー ページを返すように設定されています。要求されたページ。場合によっては、Web マスターの電子メールへのリンク (さらなる技術サポートが必要な場合) や、検索を続行するための検索エンジンへのリンクも表示されることがあります。

このデフォルトのエラー メッセージは丁寧ですが、非常に単純で、通常、ほとんどの Web サイト訪問者にとって無視されます。だからこそ、真剣なウェブマスターは、空白を押した訪問者に、よりユーザーフレンドリーな (そしてイライラの少ない) 404 エラー ページが表示されるように、このメッセージをカスタマイズしています。

WordPress に同梱されているすべてのデフォルトのテーマには、<i>404.php という名前の基本的な 404 エラー ページ テンプレートが含まれています。もちろん、このデフォルトのテンプレートは完璧に機能しますが、訪問者に伝えたいことが伝えられていない可能性があります。ありがたいことに、テンプレート内のメッセージのカスタマイズは簡単です。コード エディターでページ テンプレートを開き、メッセージ テキストを独自のものに変更するだけです。その後、変更を保存します。

Twenty Thirteen テーマに同梱されているデフォルトのエラー ページ テンプレートの構造は、ヘッダー、フッター、検索バーを表示するためのタグで構成されています。実際の動作は次のようになります (ブラウザのアドレス バーに偽のページ アドレスを入力するだけです)。

404 ページ テンプレートのコードを調べると、<h1> 見出しタグ内にあるページの見出し <i>Not Found と、次のような <i>_e 関数があることがわかります。実際に結果をページに表示します<i>。 これは、404 ページをカスタマイズするときに最初に編集する必要があるものです。次に、その下の <h2> タグと <p> タグにさらに使いやすいテキストを追加できます。 <i>見つかりません という見出しは変更してもしなくてもよいことに注意してください。ただし、通常は、訪問者を不快にさせないカスタム見出しを、段落内のカスタム テキストとともに配置することをお勧めします。

ページ上の大きな <i>404 番号の内側に見出しが表示されていることにも気づくでしょう。 Firebug を使用してエラー ページのページ検査を行うと、巨大な <i>404 が疑似要素 (<i>.error404 .page-title:before) によって挿入されていることがわかります。 ）。そこで、<i>404.php テンプレートを開き、<h1>、<h2>、<p> タグ内のデフォルトのテキストを、訪問者に伝えたい内容に置き換えます。また、前述の疑似要素を必要に応じて編集するか、削除します (スタイルシートでコメントアウトします)。私はこれに変更しました:

ここでは訪問者に直接言いたいことを何でも言うことができますが、短くて親切に保つことが常に重要です。また、訪問者がそもそも何を探していたのかを言うか、指し示すようにしてください。 404 ページをより使いやすくするために必要なのは、これだけです。ページを調べて、必要に応じてスタイルを変更します。

また、使用している WordPress テーマによっては、開発者がカスタム 404 ページのサポートを組み込んでいる場合があります。 Total WordPress テーマには、カスタム 404 ページ テーマ オプションが組み込まれており、カスタム 404 リダイレクトやカスタム ページ タイトルとコンテンツを WordPress ダッシュボードから簡単に追加できます。

Total のカスタム 404 ページ エディターのスクリーンショット

<i>.htaccess ファイル は魔法が起こる場所です

404.php をカスタマイズしたら、あとは WordPress が状況に応じて、つまり特定のページが見つからないときにそれを表示するだけです。これはデフォルトのプロセスです。ただし、WordPress が認識する前に Web サーバーで問題が発生し、訪問者が一部のページにアクセスできなくなる場合があります。その場合、Web サーバーがそれらを 404.php ページにリダイレクトできることを確認する必要があり、ここで <i>.htcaccess ファイルが登場します。

<i>.htcaccess ファイルは、WordPress インストールのルート フォルダーにあります。 WordPress の場合、パーマリンク構造をデフォルトから変更すると自動的に生成されます。サーバーがカスタム 404 ページを確実に見つけるために必要なのは、次のようにファイルに 1 行を追加することだけです。

ErrorDocument 404 /index.php?error=404

ご覧のとおり、この URL はルート (/) で始まります。つまり、この URL 形式を使用するには、WordPress インストールがサーバーのルートにある必要があります。それ以外の場合、WordPress がサブディレクトリにインストールされている場合、リダイレクト パスは次のようになります。

ErrorDocument 404 /yourfolder/index.php?error=404

こうすることで、テーマを変更した場合でも、index.php は常に新しいテーマに適した 404 ファイルを呼び出します。

まとめ

この簡単なチュートリアルを読むことで、ユーザーフレンドリーなカスタム メッセージを備えたカスタム 404 ページを作成できるようになります。 <i>.htcaccess ファイルを設定して、WordPress が機能しない場合やテーマを変更した場合に、Web サイト訪問者がサーバーによって常に適切な 404 ページにリダイレクトされるようにすることもできます。

Web サイトに常に戻ってくる忠実な訪問者を引き付けたい場合は、刺激の少ないメッセージで 404 ページをカスタマイズすることが重要です。そしてもちろん、訪問者が 404 ページに到達する回数を制限することも良い考えです。

カスタム 404 メッセージに関する素晴らしいアイデアはありますか? 404 ページで現在何を使用していますか?以下のコメント欄であなたのアイデアをぜひお聞かせください。