WordPress カスタム 404 ページ作成ガイド

WordPress でカスタム 404 ページを作成するのがこれまでになく簡単になったら、エラー ページでユーザーを困らせないでください。 いくつかの異なるアプローチを次に示します。

「ページが見つかりません」という404 エラー ボックスが表示されることほど、インターネット ナビゲーションに不満を感じることはありません。 この問題の結果、ユーザーはすぐに Web サイトをクリックして離れてしまう可能性があります。 これを避けるために、内部ページのリンクが正確で機能的であることを確認してください。

しかし、ユーザーが間違った URL を入力したり、リンクのスラッグが変更されたりするとどうなるでしょうか? 残念ながら、ユーザーは最終的に存在しない URL にたどり着きます。 訪問者が Web サイトを離れるのを防ぐために、元のページに簡単に戻れるようにすることができます。

404 ページが必要な理由

パーソナライズされた 404 ページを Web サイトに含めることは、ユーザーが失われる影響を軽減し、代わりに快適なユーザー エクスペリエンスを促進する 1 つの方法です。 これにより、Web サイトにセンスを追加し、ユーザーが元のコースに戻るためのリンクを追加できます。

さらに、ブログなどの他のよく知られているページへの接続を提供したり、訪問者が 404 ページに誘導された問題のある接続を報告したい場合は、訪問者をフォームに誘導することができます。 ホームページを、カスタマイズされたエラー ページではなく、404 エラー インスタンス リンクとして使用したくなるかもしれません。

消費者は、サイトにアクセスし続けるため、間違った URL を使用したことに気付かない可能性があり、混乱を招く可能性があります。 Google は引き続きこのリダイレクトをソフト 404 エラーとして扱うため、ユーザーをホームページに誘導すると SEO にも影響が及ぶ可能性があります。

Google は、すべての 404 リンクを自分のホームページにリダイレクトするのは問題があると主張しています。 使いやすい 404 ページを作成することは、Web サイトの所有者にとって常に最優先事項です。

カスタム 404 ページの構成

WordPress のテーマによっては、いくつかの異なる方法でカスタム 404 ページを使用できる場合があります。 モダンなテーマでは、プラグインを使用して独自の 404 ページを作成できます。

ブロックエディターのテーマとクラシックな WordPress テーマ

オプション 1 としてテーマの 404.php を使用します。

Web サイトで PHP ファイルを編集することに慣れている場合、多くのテーマには 404 ページのテンプレートが付属しています。

ステップ 1: WordPress ダッシュボードで、[外観] > [テーマ ファイル エディター] を選択します。

ステップ 2:ドロップダウン メニューからテーマを選択し、404.php ファイルを検索します。

ステップ 3:理想的には、404.php ファイルを子テーマにコピーして、テーマのアップグレードによって労力が無駄にならないようにする必要があります。

ステップ 4:画像やその他のコンポーネントを追加してパーソナライズすることで、テキストを独自のものにします。

ステップ 5:変更を保存するには、[ファイルを更新] をクリックします。

オプション 2: 404.php ファイルを複製する

一部のテーマでは 404.php ファイルが存在しない場合があります。 その場合、Twenty-Twenty などの別のテーマから 404.php ファイルを転送できます。

404.php ファイルを変更して、テーマ フォルダー内に保存できますが、テーマに合わせて少し編集する必要がある場合があります。

ステップ 1:利用したい 404 ページのあるテーマを見つけます。

ステップ 2:そのテーマのテーマ フォルダを開き、そこにある 404.php ファイルのコピーを作成します。

ステップ 3: 404.php という名前のファイルを、Web サイトで使用するテーマまたは子テーマのテーマ フォルダーに挿入します。

ステップ 4: Web サイトのフロント エンドの 404 ページをチェックして、すべてが期待どおりに表示されることを確認します。

ステップ 5:テーマ ファイル エディターでファイルに変更を加えるには、ステップ 1 ～ 4 と同じ手順に従い、[ファイルの更新] をクリックして変更を保存します。

オプション 3: ファイル index.php をコピーする

テーマにまだ 404.php ファイルがない場合、これは 404.php ファイルを作成する別の方法です。

ステップ 1: index.php ファイルを複製する必要があります。

ステップ 2:複製した 404.php の名前を変更します。

ステップ 3:投稿を表示するコードを削除します。

ステップ 4:画像やその他のコンポーネントを追加してパーソナライズすることで、テキストを独自のものにします。

ステップ 5:変更を保存するには、[ファイルの更新] をクリックします。

このアプローチには HTML と PHP の理解が必要ですが、404 ページは現在のテーマと一致するため、別のテーマの 404 ページを利用するよりも少しすっきりします。

ページ ビルダーを使用して 404 ページを作成する

Elementor、Divi、Beaver Builder、Oxygen などの WordPress ページ ビルダーを使用している場合は、ビルダーのインターフェイス内に 404 ページを追加できます。

誤った URL を自分の 404 ページに誘導するように設定を変更する方法の詳細については、お気に入りのビルダーの手順を参照してください。

WordPress 404 ページ プラグインを使用する

WordPress 404 ページ プラグインを使用すると、独自の 404 ページを任意の WordPress Web サイトに追加するための迅速かつ簡単なソリューションになります。

これらのプラグインを使用すると、パーソナライズされた 404 ページを作成し、404 問題を追跡できます。 広く使用されている 404 ページ プラグインには、次のものがあります。

パーソナライズされたスマート 404 エラー ページは 404 ページです。 この非常に基本的な 404 ページ プラグインは無料で使用できます。 パーソナライズされた 404 ページとして機能する新しい WordPress ページを作成します。

WordPressダッシュボードの「外観」に移動し、 「404エラーページ」をクリックしてから、デフォルトの404ページとして機能するように作成したページを選択して、これをカスタム404ページとして構成します.

WordPress プラグイン SeedProd の助けを借りて、Web サイト用に魅力的で軽量なパーソナライズされた 404 ページ テンプレートをデザインできます。

Live Customizer と無料の WordPress プラグインColorlib 404 Customizerを使用すると、Web サイトの外観を補完する独自の 404 ページをすばやくデザインできます。

WordPress ダッシュボードの [外観] > [カスタマイズ] でアクセスできる設定に CSS を追加して、404 ページをさらにカスタマイズできます。

WordPress 管理ダッシュボードの [ページ] セクションで、Custom 404 Pro WordPress プラグインを使用してカスタマイズされた 404 ページを作成できます。 さらに、入力されて 404 ページになった URL のインスタンスを監視できるため、壊れたリンクを監視できます。

サイト全体の編集

WordPress Full Site Editing Themeを使用すると、独自の 404 ページをこれまで以上に簡単に作成できます。 以下の手順に従って、WordPress Web サイト用のカスタム 404 ページを作成できます。

そこにないページに誰かがアクセスしようとすると、すぐに再ルーティングされます。

ステップ 1: WordPress ダッシュボードで [外観] をクリックし、[エディター] を選択します。

ステップ 2: [エディタ] の下の [テンプレート] をクリックします。

ステップ 3: ステップ 3で 404 テンプレートを選択します。

ステップ 4:ブロック エディターを使用してパーソナライズされた 404 ページを作成し、[保存] をクリックします。

ステップ 5:テンプレートを保存するには、もう一度 [保存] をクリックします。

カスタム WordPress 404 ページ

壊れたリンクや間違った URL が悲惨な結果になるとは限りません。 ホームページや Web サイトの別の興味深いページへのリンクを含めることで、404 エラー ページを面白くし、ユーザーの関心を維持することができます。

ユーザーエクスペリエンスが向上するため、WordPress でカスタム 404 ページを作成することはこれまで以上に簡単になり、無視してはなりません. このページを使用して訪問者がいつ 404 ページに到達したかを追跡し、必要に応じてリンクを更新したり、サイトをリダイレクトしたりできます。

お気に入りの Web サイトにアクセスして URL を入力し、存在しないことが確実なページを最後に追加して、独創的な 404 ページを表示します。 間違いなく、個人の 404 ページに関するいくつかの素晴らしい提案が得られるでしょう!