TL;DR: WordPressでカスタム404ページを作成する方法
404ページは、訪問者が存在しない、または壊れたURLにアクセスしたときに表示されます。カスタム404エラーテンプレートを使用すると、訪問者を完全に離脱させるのではなく、サイトに留めておくことができます。
- 404ページとは：サーバーがURLが存在しない場合に表示する「ページが見つかりません」というページです。カスタマイズしないと、行き止まりになります。
- カスタマイズする理由：ブランド化されたエラーページは、直帰率を減らし、評判を守り、訪問者を失う代わりにリードを生み出すことができます。
- プラグインの方法：SeedProdは、WordPress用のドラッグ＆ドロップウェブサイトビルダーで、コードに触れることなくカスタマイズできる404ページテンプレートがあります。
- 主な手順：SeedProdをインストールし、404エラーテンプレートを選択し、ビジュアルビルダーでデザインをカスタマイズしてから、SeedProdダッシュボードから有効化します。
- リードマグネットの活用：CTA、商品紹介、離脱ポップアップ、またはメールオプトインを追加して、壊れたリンクページをコンバージョン機会に変えましょう。
- エラーの監視：AIOSEOの壊れたリンクチェッカーまたはRedirectionプラグインを使用して、そもそも404エラーを引き起こしている壊れたリンクを見つけて修正します。
404ページにアクセスしたことがあるなら、それがどれほどイライラするかご存知でしょう。以前は行き止まりだと思っていましたが、今では人々をサイトに留まらせ、役立つものに誘導するために利用しています。
このガイドでは、WordPressで機能的であるだけでなく役立つカスタム404ページを作成する方法を説明します。ブランドに合ったデザインで、人々を正しい方向へ導き、リードの収集に役立つページを作成する方法を学びます。
目次
- 404エラーページとは？
- WordPressでカスタム404ページを作成するメリット
- WordPressで404ページを作成する方法
- WordPressの404ページをリードマグネットに変える方法
- カスタム404ページに関するよくある質問
404エラーページとは？
404エラーページとは、訪問者が存在しないURLをリクエストしたときにサーバーが返す、見つからないページのことです。HTTPステータスコード404は、ウェブが「探しましたが、このページはありません」と言っている方法です。
ユーザーの接続が切断された場合、ドメインが存在しなくなった場合、誰かがURLを間違って入力した場合、またはリダイレクトを設定せずにパーマリンクを変更した場合に、サイトはこのカスタムエラーページをトリガーできます。
WordPressでカスタム404ページを作成するメリット
壊れたリンクページは、訪問者を永久に失うか、有用な場所にリダイレクトできる瞬間です。デフォルトのエラーページをそのままにしておくと、以下のようなリスクがあります。
- クロールバジェットとSEO：404エラー率が高いと、クロールバジェットとユーザーエクスペリエンスに悪影響を与え、時間の経過とともにランキングに影響します。
- 成長の鈍化：購入するためにあなたのサイトにアクセスした潜在顧客を失う可能性があります。潜在顧客の損失はコンバージョン率の低下を意味し、それは成長の鈍化を意味します。
- ブランドイメージの低下：訪問者に悪いユーザーエクスペリエンスを提供することで、ブランドイメージに影響を与えています。そうなると、人々はあなたのブランドを信頼しなくなり、購入を避けるようになります。
通常、人々があなたのウェブサイトで良い経験をすれば、また訪れたいと思うでしょう。しかし、デフォルトの404エラーページでは、あまり多くのことは提供できません。
訪問者が必要なものを見つけるのに役立つカスタム404エラーテンプレートをデザインすることで、リードや潜在顧客の損失を回避できます。これは、訪問者を維持し、ブランドの評判を維持するための効果的な方法です。
WordPressで404ページを作成する方法
WordPressでカスタム404ページを作成するには、いくつかの方法があります。テーマディレクトリ内の404.phpファイルを直接編集することもできますが、PHPとテーマファイルに慣れている必要があります。ほとんどのサイト所有者にとっては、プラグインを使用する方が速く、テーマを壊すリスクもありません。
このガイドで使用するプラグインは、WordPress向けの最高のドラッグ＆ドロップウェブサイトビルダーであるSeedProdです。SeedProdは、100万以上のアクティブインストールを持つWordPress向けのドラッグ＆ドロップウェブサイトビルダーです。変更がすべてライブで表示されるビジュアルエディターがあり、404ページテンプレートはコードを一行も触らずにカスタマイズできます。
SeedProdを使用すると、メッセージ、画像、CTA（訪問者をサイトに留めるための）を備えたカスタム404ページをデザインできます。コードやCSSなしで作成するには、以下の手順に従ってください。
ステップ1. SeedProdのインストールと有効化
まず、SeedProdのウェブサイトにアクセスしてプラグインをダウンロードしてください。SeedProdには無料版もありますが、テーマに組み込まれている404エラーテンプレートを置き換えることができるプレミアムプラグインが必要です。
これについてヘルプが必要な場合は、SeedProdのインストールと有効化に関するドキュメントを参照してください。プラグインのインストールとライセンスキーの有効化について説明しています。
ステップ2. 404ページテンプレートの選択
プラグインを有効化したら、WordPressダッシュボードからSeedProd » Landing Pagesに移動します。次に、「404 Page」セクションで「Set up a 404 Page」ボタンをクリックします。
次の画面で、既製の404ページテンプレートを選択できます。SeedProdはテンプレートを自動的にフィルタリングして、利用可能なすべての404ページデザインを表示します。
虫眼鏡アイコンをクリックするとデザインをプレビューしたり、チェックマークアイコンをクリックすると特定のテンプレートを選択したりできます。
「Fist Bump」404ページテンプレートを使用しますが、任意のデザインを選択したり、ゼロからテンプレートを作成したりすることもできます。
ステップ3. WordPress 404ページのカスタマイズ
テンプレートを選択すると、ドラッグ＆ドロップページビルダーが表示され、404ページをカスタマイズできます。左側には、デザインに追加できるブロックとセクションが表示されます。右側はページのライブプレビューです。
SeedProdの404テンプレートのほとんどには、デザインの核となるいくつかのWordPressブロックがすでに含まれています。それらをカスタマイズするには、レイアウト内のブロックをクリックして選択し、左側のパネルの設定を使用して変更を加えます。
デザインに新しいブロックを追加するには、左側のメニューでブロックを見つけて、ページにドラッグします。
訪問者が404ページにアクセスした場合、なぜそこにたどり着いたのか、次に何をすべきかを理解するのに役立つ情報が必要になる場合があります。探しているものが見つからないことを説明し、次に取るべきいくつかの行動を提案するテキストを追加することをお勧めします。
テンプレートにはすでにヘッドラインブロックとテキストブロックが含まれているため、それらをクリックしてカスタムメッセージでコンテンツを更新します。
次の画像では、ブログを訪問するか、検索ボックスを使用してより具体的なものを探すことを提案するメッセージを追加しました。
次に、ブログを訪問するためのボタンと検索バーを追加する方法を見てみましょう。まず、左側のパネルでカラムブロックを見つけて、レイアウトにドラッグします。
2カラムレイアウトオプションを選択します。ここに、新しい要素をページ上で横並びに配置します。
ボタンブロックを最初のアラムにドラッグします。ブロック設定で、ボタンのテキストを変更し、ブログページのURLを追加できます。
さらに設定を変更するには、[高度]タブをクリックします。これには、ボタンの色、スタイル、間隔などが含まれます。
2番目のカラムに検索ボックスを追加するには、検索フォームブロックを探し、同じプロセスに従います。行の背景色を変更して、アクションアイテムを目立たせることもできます。
404ページの内容を改善するためのその他の方法をいくつか紹介します。
- MonsterInsightsとSeedProdのショートコードブロックを使用して、404ページで人気のある投稿を自動的に表示します。
- 表示人気のWooCommerce製品でeコマースの売上を伸ばしましょう。WooCommerceストアを運営している場合、SeedProdの404テンプレートを使用すると、製品のおすすめをエラーページに直接追加できるため、訪問者が存在しない製品URLにアクセスした場合でも、代わりに関連アイテムを表示できます。
- お問い合わせフォームブロックを使用して、404ページ訪問者からフィードバックを収集します。
新しいページの見た目に満足したら、右上隅にある保存ボタンをクリックし、ドロップダウンで「テンプレートとして保存」オプションを選択します。
カスタム404ページテンプレートに名前を付け、テンプレートを保存ボタンをクリックして、エディタに戻ります。
ステップ4. WordPress 404ページを有効化する
カスタム404ページのデザインが完了したら、エディタのXアイコンをクリックしてWordPress管理ダッシュボードに戻ります。ページをすぐに有効化するかどうかを尋ねるポップアップが表示されます。「はい、有効化する」ボタンをクリックしてください。
このボタンをクリックすると、ランディングページダッシュボードに戻り、404ページモードがアクティブになっていることがわかります。
カスタム404ページを無効にしたい場合は、トグルを非アクティブな位置に切り替えます。
簡単な注意点：SeedProdのカスタム404ページは、正しい404 HTTPステータスコードを返します。SEOクローラーにとって重要な200 OKレスポンスを誤って送信しているわけではありません。
新しいページをテストするには、ブラウザでyour site.com/this-page-does-not-existにアクセスしてください。デフォルトのWordPressエラーメッセージの代わりに、カスタム404ページが表示されるはずです。
ここに、カスタムWordPress 404エラーテンプレートの最終的な外観を示します。
WordPressの404ページをリードマグネットに変える方法
一部の開発者は、シンプルに保つことを推奨しています。404ページにブランドを適用して、次に進むだけです。エラーを認識することだけが目的であれば、それでも問題ありません。しかし、ビジネスサイトを運営している場合、404は実際の離脱リスクであり、認識する以上のことができます。
一般的な「ページが見つかりません」ページと最適化されたページの違いは、ユーザーエクスペリエンスだけではありません。潜在的な顧客を回復できるか、それとも永久に失うかの違いです。あなたのページを機能させる方法を説明します。
1. 商品を表示する
404エラーページからより多くのリードを獲得するための最も効果的な方法の1つは、製品を紹介することです。訪問者に探しているページが存在しないと伝える代わりに、提供しているものを表示するためにそれを使用してください。
高品質の製品画像を追加し、それらにリンクしてください。
Steve Maddenは、この手法を使用して、404エラーページをコンバージョンを積極的に促進するデザインに変換しています。
この手法を使用すると、訪問者は探していたものが見つからなくても、ウェブサイトをさらに探索するように促すことができます。
2. 訪問者に役立つコンテンツを作成する
見つからないページはコミュニケーションの機会です。訪問者に何が起こったのか、次に何をすべきかを伝える、明確で人間的なエラーメッセージを作成してください。簡潔でフレンドリーに保ちます。
最も役立つページ（ホームページ、ブログ、製品カテゴリ）を指す説明的なアンカーテキストを含むナビゲーションリンクを含めます。検索フォームはさらに優れています。訪問者はサイトを離れることなく、探していたものを正確に検索できます。
3. ビジネスに関する情報を追加する
404ページを改善するもう1つの効果的な方法は、ビジネス情報を追加することです。訪問者は404エラーページにたどり着くかもしれませんが、がっかりさせるメッセージで彼らを失いたくはありません。ビジネス情報を追加することは、彼らの関心を再び引きつけるための優れた方法です。
ファッションブランドのMyntraはこのテクニックを効果的に使用しています。
エラーメッセージを表示するだけでなく、ユーザーがサイトのさまざまなセクションを探索するのに役立ちます。訪問者として、メニューバーで定義されたカテゴリの下にあるコレクションを確認したり、プロフィールにアクセスしたり、製品を検索したりできます。割引バーも表示されるため、行き止まりではなく、訪問者はコレクションをチェックできます。
4. 関連するCTAボタンを追加する
404ページに適切な行動喚起（CTA）ボタンを追加することは、顧客に連絡して問題を解決するように促すためのスマートな方法です。これは、カスタマーサポートボタン、お問い合わせフォーム、問い合わせボタン、通話ボタン、または役立つものなら何でも構いません。
訪問者はこれらのボタンを使用して、苦情を申し立てたり、質問したり、ソーシャルメディアでフォローしたり、状況をより少なくするために何かをしたりすることができます。
5. 離脱インテントポップアップを追加する
離脱意図ポップアップは、訪問者がウェブサイトで悪い経験をすることを防ぐためのもう1つの効果的な方法です。訪問者が離れる直前に画面に表示される離脱ポップアップをデザインしてください。
割引コード、オファー価格を表示したり、新着情報を発表したりするために使用します。人々は割引やオファーが大好きなので、離脱ポップアップに表示することで、訪問者のエンゲージメントを高め、リードを生成し、売上を伸ばすことができます。
6. 面白くする
404エラーページにたどり着くのは十分にイライラします。ページがつまらない場合はさらに悪いです。訪問者を笑顔にするためにユーモアを使用して、体験をより思い出深いものに変えましょう。
404ページを楽しくするもう1つの方法は、画面上のゲームを追加することです。これは注意を引き付け、ユーザーをサイトに長く留めるための賢い方法です。
カスタム404ページに関するよくある質問
プラグインなしでWordPressで404ページを作成できますか？
はい。テーマディレクトリの404.phpテンプレートファイルを編集することで、404ページをカスタマイズできます。これにはPHPとテーマファイル構造に慣れている必要があり、テーマの更新によって変更が上書きされる可能性があります。
ほとんどのサイト所有者にとって、SeedProdのようなプラグインの方が良い方法です。ビジュアルエディター、既製のテンプレート、テーマを壊すリスクはありません。
カスタム404ページはWordPressで404 HTTPステータスコードを返しますか？
はい。SeedProdを使用してカスタム404ページを作成すると、WordPressは引き続きブラウザや検索エンジンクローラーに正しい404 HTTPステータスコードを配信します。カスタムデザインは視覚的なレイアウトのみを置き換え、サーバーの応答は置き換えません。
これはSEOにとって重要です。404ではなく200 OKを返すページは、クローラーを混乱させ、Google Search Consoleでソフト404エラーにつながる可能性があります。
WordPressサイトで404エラーを見つけて追跡するにはどうすればよいですか？
Google Search Consoleでは、[カバレッジ] » [見つかりません]の下に404エラーが表示されます。AIOSEOの組み込みリンク切れチェッカーを使用するか、Redirectionプラグイン（無料、200万以上のアクティブインストール）をインストールして、すべての壊れたURLを監視し、リダイレクトを一元管理することもできます。
カスタム404ページはエラーを適切に処理しますが、既知の壊れたリンクの本当の修正は301リダイレクトです。リダイレクションプラグインを使用して、壊れたURLを正しいページに送信し、404カウントから削除します。私はGoogleサーチコンソールで月に1回程度404レポートを確認し、まだトラフィックがあるものはすべてリダイレクトしています。
404ページには何を設定すべきですか？
優れたカスタム404ページには、明確で親しみやすいエラーメッセージ、最も役立つページ（ホームページ、ブログ、または製品カテゴリ）へのリンク、そして訪問者が探していたものを見つけられるように検索フォームが含まれます。訪問者がまだあなたのサイトにいることを認識できるように、あなたのブランディングとロゴが見えるようにしてください。
ビジネスサイトの場合は、リードマグネット、CTAボタン、または注目の製品を追加することを検討してください。知っておくべき404とリダイレクトの違い：コンテンツが永久に移動した場合は、404ページに依存するよりも301リダイレクトの方が優れています。404は真に欠落しているページのために取っておきましょう。
404エラーはSEOに悪影響を与えますか？
1つか2つの404エラーは検索ランキングに悪影響を与えません。これらはウェブサイトを運営する上で正常な一部です。しかし、高い404率があると、クロールバジェットとユーザーエクスペリエンスに悪影響を与え、時間の経過とともにランキングに影響します。
検索エンジンが欠落ページに繰り返し遭遇すると、優れたコンテンツのクロールとインデックス作成が遅くなる可能性があります。最善のアプローチは2段階の修正です。フォールバックとして適切に設計されたカスタム404ページを用意し、定期的な監査で既知の壊れたリンクをリダイレクトして、404として表示されないようにします。
カスタム404ページを始めましょう
カスタム404ページは、設定に1時間もかからず、誰かがあなたのサイトで壊れたリンクにヒットするたびに報われるものです。SeedProdでどのように作成するか、リード生成要素をどのように追加するか、そしてそもそも404を引き起こしているエラーをどのように監視するかを見てきました。
このガイドの冒頭にあった「リードを生み出す」という側面は本物であり、今やそれを実現するためのツールを持っています。今すぐSeedProdで始めましょうそして、見つからないページをビジネスのために実際に機能するものに変えましょう。
お出かけ前に、子テーマをインストールせずにWordPressテーマをゼロから作成する方法に関するこのガイドも楽しめるかもしれません。
お読みいただきありがとうございます！皆様のご意見をお聞かせいただければ幸いです。お気軽に会話にご参加ください YouTube, X および Facebook で、ビジネスを成長させるための役立つアドバイスやコンテンツをさらにご覧ください。
