【2026年5月1日更新】全体の内容を見直すとともに、記事内の情報を最新に更新しました。

この記事のレベル

初心者	（4.0）
重要度	（3.0）
難しさ	（2.0）

こんにちは、編集長のカワウソです！

ページにアクセスしたときに、「404 not found」という画面が出てきて困っていませんか？

404 not found（404エラー）は、存在しないページにアクセスしたときに表示されるエラーのこと。ホームぺージを制作および運営していくなかでは、知っておきたい言葉です。

そこで今回は、404 not foundの原因や対処法を分かりやすく解説します。

この記事を読めば、エラーの解消はもちろん、オリジナルの404ページを設定できます。

適切に設定された404ページは、目的のページが表示されずに困っているユーザーを助け、ホームページからの離脱防止に繋がります。
ホームページの利便性を高めるためにも、ぜひこの機会に作っておきましょう。

それではどうぞ！

404 not found（404エラー）とは

404 not found（404エラー）とは、存在しないページへアクセスしたときに表示されるHTTPステータスコードのことです。

たとえば、URLを間違えていたり、サーバーからページ（ファイル）が削除されていたりするときに表示されます。

※404エラー画面の表示例

なお、サーバーについては、以下の記事で詳しく解説しています。

HTTPステータスコードとは

そもそもHTTPステータスコードとは、ページにアクセスしたときの「サーバーの反応（処理結果）を表す3桁の数字」のこと。

404以外にも、さまざまなHTTPステータスコードがあり、それぞれ意味も異なります。

とくに300番台〜500番台は、ホームぺージを運営するうえで、目にする機会が多いHTTPステータスコードです。

処理継続HTTP ステータスコード	意味
100〜	処理の継続
200〜	処理が成功
300〜	リダイレクト（転送）
400〜	クライアント（Webブラウザ）側のエラー
500〜	サーバー側のエラー

以下、代表的なものを紹介します。

HTTPステータスコードの詳細	意味（主な原因）
301 Moved Permanently	恒久的なリダイレクト
302 Found	一時的なリダイレクト
401 Unauthorized	アクセス制限（Basic認証など）が かかったページの認証に失敗した
403 Forbidden	ページへのアクセス権限がない
404 Not Found	アクセスしたページが見つからない
500 Internal Server Error	サーバー側で内部エラーが発生している
503 Service Unavailable	サーバー負荷による制限がかかっている

それでは、今回のテーマである404 not found（以下404エラーに統一）について、原因と対処法を詳しく見ていきましょう。

404エラーの原因と対処方法

404エラーが起こる主な原因は、以下の4つです。

それぞれ対処方法を交えながら解説します。

【原因1】URLが間違っている

URLに一文字でも間違いがあると、ページが見つからず404エラーが発生します。
まずは、URLが正しいかどうかを確認してください。

よくあるミスには、以下のようなケースがあります。

もし、URLが正しいのに、404エラーページが表示される場合は、ほかの原因を探りましょう。

【原因2】ページが公開状態でない（削除されている）

ページが公開された状態でないと、404エラーが表示されます。

ホームページの作成方法に合わせて、ページが公開状態かどうかを確認してください。

※ホームぺージの作り方については、以下の記事で詳しく解説しています。

なお、404エラーが表示されても、不要なページであれば基本的には問題ありません。

【原因3】サーバー側のドメイン設定に不備がある

URLやファイルの公開状態が正しいのに404エラーが出る場合は、サーバー側のドメイン設定に不備があるおそれが考えられます。

ドメイン設定の不備による404エラーの原因には、以下が考えられます。

もしドメインを設定したばかりであれば、反映待ちの可能性が高いです。しばらく時間を置いてから、再度アクセスを試してみてください。

反映待ち以外の場合は、レンタルサーバーの管理画面にログインし、対象のドメインが正しい内容で登録されているかを確認しましょう。

【原因4】リダイレクトの設定ができていない

リダイレクトの設定が正しくできていないと、404エラーが起きる原因になり得ます。

リダイレクトを設定した覚えがある場合は、リダイレクト先のURLが合っているか、正しく転送されるかを確認しましょう。

たとえば、以下のようなシーンでリダイレクトを設定することがあります。

※（参考：Google 検索セントラル「rel=”canonical” などを利用して正規ページを指定する方法」）

なお、リダイレクトを設定した覚えがない場合は、以下を参考にしてください。

オリジナルの404ページを作るメリット

オリジナルの404ページを作る主なメリットは、ユーザーの離脱を防げることです。

そもそも、オリジナルの404ページを設定していない場合は、「Webブラウザ」や「レンタルサーバー」が用意したデフォルトのページが表示されます。

▼Google Chromeの場合▼

▼エックスサーバーの場合▼

これだと、ほかのページへのリンクなどがなく、ユーザーが必要な情報を探せないため、そのままホームぺージから離脱してしまうでしょう。

一方、オリジナルの404ページを準備しておけば、困っているユーザーをほかのページに誘導できます。

参考に、当メディアの404ページをご覧ください。

これなら、ヘッダー、コンテンツエリアの「トップページへ戻る」ボタン、フッターなどからほかのページを探せますよね。

仮にユーザーが存在しないURLにアクセスしたとしても、ホームページ内のほかのページへ案内できるため、離脱を防げるでしょう。

※ヘッダーやフッターについては、以下の記事で詳しく解説しています。

WordPressを利用している場合

なお、WordPressを利用している場合は、インストールしたテーマによって最初から404ページが用意されていることもあります。

以下は、WordPressのデフォルトテーマ「Twenty Twenty-Five」の404ページです。

この場合、主要ページへのリンクや検索窓（メッセージ下）など、最低限の機能は備わっています。
しかし、自社らしさはないため、「オリジナル」という点では物足りなさを感じるかもしれません。

自社の404ページを確認する

まずは自社の404ページがどのようになっているかを確認してください。
URLの最後に適当な文字列を追加すれば、アクセス可能です（例：https://example.com/404）。

表示されたページが前述したようなデフォルト状態の場合は、改善の検討をおすすめします。
ユーザーをサポートするための機能の追加や、自社らしいデザインにカスタマイズを行い、オリジナルの404ページを作りましょう。

そうすれば、ユーザーの離脱を防ぐだけでなく、ほかのページへのスムーズな誘導にも繋がります。

404エラーページを作成する3つのポイント

404エラーページを作成するときのポイントは、主に以下の3つです。

それぞれ詳しく解説します。

ホームページ全体と統一感のあるデザインにする

ホームページ全体と404エラーページは、デザインに統一感を持たせましょう。

大きく異なるデザインだと、ユーザーがほかのホームぺージにアクセスしてしまったと勘違いして、離脱するおそれがあるためです。

たとえば、ヘッダーやフッターなどのレイアウトパーツを揃えておけば、同じホームぺージであることが明確に伝わります。

エラーページであることを分かりやすく伝える

どんなユーザーが見ても、エラーページだと分かるようにしましょう。

たとえば、「404 not found」の表示だけだと、何のことか分からないユーザーもいるかもしれません。

以下は404エラーページでよく見る文言です。
参考にしてみてください。

ユーザーに次のアクションを促す

ユーザーに次のアクションを促す機能を入れましょう。

前述のとおり、ユーザーがそのまま404ページで離脱しないようにするためです。

たとえば、以下のような機能を含めるとよいでしょう。

検索窓やサイトマップページについては、以下の記事で解説しています。

デザインの参考になる404エラーページの企業事例

オリジナルの404エラーページを作るときは、他社のデザインを参考にするとよいでしょう。

なかには遊び心が感じられ、困っているユーザーのストレスが抑えられるようなデザインの404エラーページもあります。

自社にはないひらめきをうまく吸収して、オリジナルの404エラーページを作りましょう。

ここでは、以下5つの企業のデザイン例を紹介します。

Discord

▲出典：Discord

『Discord』は、テキストチャット、音声、ビデオ通話ができるコミュニケーションツールです。公式サイトは、サービスの紹介と運営会社『Discord Inc.』の企業情報を兼ねた構成になっています。

もともとオンラインゲームのプレイヤー同士が交流するツールとして誕生した背景もあり、現在も多くのゲーマーに愛用されているのが特徴です。
そのため、「道に迷われましたかな？」というゲームのワンシーンのようなフレーズにより、ユーザーは親しみやすさを感じられそうですよね。

また、メッセージのすぐ下には、サービスの稼働状況がわかる「ステータスページ」、「@Discord（Xのアカウント）」、「Discordサポート」へのリンクが用意されています。

目当てのページが表示されず困っているユーザーなら、この文章とリンクを見て悩みが解決できるかもしれないと期待感を抱けるでしょう。

そのほか、トップページに戻るための「ロゴ（左上）」と「ホームボタン（中央）」はもちろん、「グローバルナビゲーション」や「サイトマップ型のフッター」があるため、ユーザーはすぐに次のアクションを取ることが可能です。

なお、グローバルナビゲーションやサイトマップ型のフッターについては、以下の記事を参考にしてください。

サンリオ

▲出典：サンリオ

『サンリオ』は、キャラクターグッズの企画や販売、テーマパークを運営している会社です。

404エラーページには、会社を代表する人気キャラクターが使用されており、知っている人ならすぐに「サンリオのホームぺージだ」と気付きます。

また、キャラクターがシルエットになっているのもポイント。
ページが見つからなかったことをイメージさせてくれるデザインです。

もちろん、「ヘッダー」「コンテンツエリアのボタン」「フッター」などから、ほかのページを探せるので、ユーザーが困ることもありません。

au

▲出典：au

『au』は、携帯電話やインターネット回線などの通信事業を中核にしている会社です。

404エラーページのポイントは、「お探しのページがみつかりません　[404 not found]」のメッセージのすぐ下に、サイトマップページのようなリンク一覧があること。

これにより、目線を大きく移すことなく、すぐに目的のページを探せます。

さらに、同じリンク一覧を英語表記でも用意しているのもポイント。
これにより、より多くのユーザーをサポートできます。

そのほか、ホームぺージの共通要素である「固定されたサイドバー」や「フッター」もあるので、ユーザーはどのページにもアクセス可能です。

サクラクレパス

▲出典：サクラクレパス

『サクラクレパス』は、筆記用具や事務用品など数多くの商品を取り扱っている総合文具メーカーです。

404エラーページのポイントは、「クレパスの詳しい情報」ページへのリンクがあること。

商品の特長やパッケージデザインの歴史などから、いかにクレパスが優れているかを知ることができます。

つまり、ブランド力を高める404エラーページでもあるのです。

もちろん、「HOME」および「サイトマップページ」へのリンク、「検索窓」が設置されているため、ユーザーが次のアクションを取るのに、困ることはありません。

東京ディズニーリゾート

▲出典：東京ディズニーリゾート

『東京ディズニーリゾート』は、株式会社オリエンタルランドが運営するディズニーのテーマパークです。

404エラーページは多言語表記になっており、ありとあらゆるユーザーがメッセージの内容を理解できます。

まさに、グローバル展開するディズニーだからこその、ユーザーへの配慮が行き届いた404エラーページと言えるでしょう。

【WordPress向け】404エラーページを設定する方法

WordPressでホームページを作っている場合は、プラグインを用いると404エラーページを簡単に設定できます。

おすすめのプラグインは、『Smart Custom 404 Error Page』です。

以下の3ステップで404エラーページの設置を進めましょう。

順に詳しく解説します。

【1】固定ページで404エラーページを作成

【2】プラグインをインストールして有効化

【3】プラグインの設定画面で作成した404エラーページを選択

【HTML向け】404エラーページを設定する方法

HTMLでホームページを作っている場合は、以下の流れで404ページを設定します。

この「404エラーページへの転送設定」には、主に以下の2通りがあります。

おすすめは、「レンタルサーバーのエラーページ設定機能を使う」です。

後者の「.htaccessに転送コードを記述」する方法は、上級者向けの内容となっており、重要なコードを誤って消してしまうなどのリスクが伴います。

そのため、まずはお使いのレンタルサーバーに、エラーページ設定機能があるかどうかを確認してください。

ここでは、『エックスサーバー』の「エラーページ設定」機能を使用した転送設定方法を解説します。

【1】404エラーページを作成

ファイル名が「404」のHTMLファイルを作ります。

※便宜上、404エラーページの内容は割愛します。

【2】エラーページ設定をONにする

【3】404.htmlファイルをサーバーにアップロードする

FTPソフトもしくは、ファイルマネージャなどから、404.htmlファイルをサーバーにアップしましょう。

アップロード先のフォルダは、「./自社のドメイン名/public_html/」です。

アップロードしたあとは、存在しないURLにアクセスしてみてください。
作成した404.htmlの内容が表示されれば、問題ありません。

404 not foundに関するよくある質問

最後に、404 not found（404エラー）に関する「よくある質問」をまとめました。

まとめ

この記事では、404 not found（404エラー）の原因や対処法を解説しました。

まずは自社の404エラーページがどんな画面なのかを確認しましょう。

もし、ユーザーに親切でないページであれば、カスタムすることをおすすめします。

それでは、素敵なホームページの完成を願っております。

以上、最後まで読んでいただき、ありがとうございました。

ホームページの開設を検討している方へ

※1 2025年12月時点、W3Techs調べ。
※2 2026年4月時点、エックスサーバー・XServerビジネスにおける法人アカウント数の合計値。

『エックスサーバー』と『XServerビジネス』の違いは、以下の記事で詳しく解説しています。

なお、当メディア「初心者のための会社ホームページ作り方講座」では、初心者の方にわかりやすく会社のホームページを始められる方法を紹介しています！

ホームページの始め方・立ち上げに関する、ご質問・ご相談はツイッターDM( @kawauso_xsv )までお気軽にどうぞ！