503や404エラー！HTTPステータスコードの意味と原因とは？

こんにちは、メディアディレクターの鮫島です。

Webサイトを見ていると、時々こんなエラーページが表示されませんか？

これは、何かしらの原因でWebサイトにエラーが発生し、サイトが閲覧できない状態のときに表示されるページです。

「それぐらいは分かるよ！」と言われてしまうかもしれませんが、エラーページに表示されている「503」などの数字の意味は知っていますか？？
数字にはちゃんとした意味があり、それぞれエラーの原因を表しています。

そこで今回は、エラー数字の意味と種類をご紹介しようと思います。
エンジニアの方は必ず知っておく必要があり、ディレクターやデザイナーの方も知っておいて損はないので、ぜひご一読ください。

▼目次

• まずは基礎知識
• 400番台のエラー数字（クライアントエラー）
  • 400 - 不正リクエスト
  • 401 - 認証エラー
  • 403 - アクセス禁止
  • 404 - NotFound
• 500番台のエラー数字（サーバーエラー）
  • 500 - サーバーの内部エラー
  • 503 - サーバー過負荷
• 404エラーページには遊び心を
• まとめ

まずは基礎知識

正式名称

エラーページという表現をしていますが、正しくは「HTTPステータスコード」という正式名称があります。
要するに、Webサーバーからのレスポンス状態を表す数字コードという感じですね。

数字の種類

よく目にするのは「404」や「503」といった数字かと思います。
じゃあ「100」「200」「300」の数字の台はないの？という疑問が浮かぶかと思いますが、当然この数字も存在します。
ただし、100〜300の数字はエラーを表現するものではなく、以下のような意味となります。

• 100番台＝リクエスト情報処理中
• 200番台＝リクエスト処理成功
• 300番台＝リダイレクト処理

今回の記事ではエラー数字の説明なので、詳細な説明は割愛させていただきます。
なので、400番台と500番台はエラーなんだということだけ覚えておいてください。

400番台のエラー数字（クライアントエラー）

400番台は「ブラウザ（クライアント）からのリクエストに誤りがあった」という意味を表します。
400〜423の間で約23種類ほどエラー数字は存在しますが、今回はメジャーどころをご紹介します。

400 – 不正リクエスト

エラー内容

ブラウザ（クライアント）から送信したリクエストに不正があり、うまく処理できないときにでるエラー。

原因／対処法

• 別のブラウザで確認する
• Cookie／キャッシュをクリアする

ほとんどの場合、ユーザ側のブラウザなどに問題がある可能性が高いので、他のブラウザで試してみたり、Cookie／キャッシュをクリアするなどして検証してみると良いです。
場合によっては、ブラウザの拡張機能（プラグイン）に問題がある場合もあるので、疑わしいものがあればアンインストールするなどしてください。

401 – 認証エラー

エラー内容

ベーシック認証やDigest認証など、パスワードがかかっているWebサイトに対し、パスワードが間違っていた場合などに出るエラー。
また、アクセス権限がないときなどにも表示されます。

原因／対処法

• 閲覧権限があるか確認する
• ID／パスワードが間違っていないか確認する

ほとんどの場合、ユーザ権限が無い場合やID／パスワードの入力ミス時に表示されますが、サーバー側の不具合の可能性もあります。

403 – アクセス禁止

エラー内容

Webサイト管理者の意向により、第3者のアクセスが禁止されているときに表示されるエラー。
また、サーバーの高負荷が原因の可能性も稀にあります。

原因／対処法

• 時間を置いて再度アクセスする
• Webサイト管理者に問い合わせる

アクセス禁止されている場合は、管理者に問い合わせるくらいしか対処法がありません。だって禁止されているのですから。
ただし、サーバーが原因の可能性もあるので、時間を置いて再度アクセスすると良いかもしれません。
それでもエラーがでるようであれば、諦めましょう。人生、諦めも肝心です。

404 – NotFound

エラー内容

ページが削除されていたり、URLが変更されてページが見れなくなっているときに表示されるエラー。これが一番メジャーかもしれません。

原因／対処法

• 検索エンジンのキャッシュから閲覧

Googleなどの検索結果でキャッシュとして残っているかもしれないので、検索結果に表示されている「キャッシュ」というリンクをクリックしてみてください。運が良ければ一時的に閲覧ができます。（あくまでキャッシュなので実際に運用されているページではありません）
それでも表示されなければ、悔しい思いを胸に諦めましょう。無いものは無いのですから。

500番台のエラー数字（サーバーエラー）

500番台は「サーバーのリクエスト処理に失敗した」という意味を表します。
500〜510の間で約11種類ほどエラー数字は存在しますが、今回はメジャーどころをご紹介します。

500 – サーバーの内部エラー

エラー内容

プログラムに問題があるときや、パーミッション設定にミスがあるときに表示されるエラー。

原因／対処法

• プログラムに問題がないかチェック
• .htaccessに記述ミスはないか
• パーミッション設定にミスはないか

サーバー内部に何かしらのエラーが発生している状態なので、プログラムにミスがないか確認して下さい。

503 – サーバー過負荷

エラー内容

サーバーの過負荷状態で一時的にWebページが表示できないときに起こるエラー。
要するに「落ちている」ときです((((；ﾟДﾟ))))ｶﾞｸｶﾞｸﾌﾞﾙﾌﾞﾙ
※正確には「落ちた」というより、「これ以上無理！というサーバーからの警告」という表現が正しい

原因／対処法

• サーバーの負荷チェック
• 時間を置いて再度アクセス
• サーバーの転送量を上げる
• サーバーの負荷を無理に上げてしまうプログラムがないか確認する
• サーバー管理者へ連絡する（速攻）

全ての制作者が恐れる、かの有名なエラー様。
できれば一生出会いたくないエラーなのですが、こいつは突然現れます。
何かのキャンペーンなどをするときなど、一時的にサーバーのスペックを上げておくと安心でしょう。

((((；ﾟДﾟ))))ｶﾞｸｶﾞｸﾌﾞﾙﾌﾞﾙ

404エラーページには遊び心を

404エラーページが表示されると言うことは、一概には言えませんがWebサイト運営者の管理ミスでもあります。
なのに、デフォルトのエラーページ（デザインがない状態）を見せるのはユーザからするとストレス以外の何物でもありません。

そのため、Webサイト運営者はちゃんとデザインした404エラーページを用意しておくと良いでしょう。
ページの中身としては、なぜエラーになっているのか明記したり、サイトトップや他ページへのリンクを用意したりしてあげると良いでしょう。

更に言うと、遊び心を加えたデザインしてあげることで、そのサイトの個性を表現することもできます。
例えばLIGブログだとこんな感じ↓

実際に見る

 
最近公開した求人サイト「Poole」だとこんな感じです↓

実際に見る

他にもさまざまな404エラーページがあるので、見てみると面白いです。
参考記事：エラーだけど見ておきたい。細部までこだわった404ページデザイン33選

まとめ

いかがでしたでしょうか。
意外とエラー数字の意味を知っているディレクターさんは少ないと思います。
数字の意味を知ることで、エンジニアさんへの確認の手間が省けたり、対処法を指示できたりと、知っておいて損はない知識なので、ディレクターの方はぜひ覚えておいてください。

滅、503

【ディレクションスキルを上げるために】

※ LIGのWebディレクター陣が厳選する、ディレクションの仕事に役立つオススメ本20選

※ Web制作者のためのワイヤーフレーム講座「役割と考え方」編

※ プロジェクトでトラブルが発生したときにWebディレクターがとるべき3つの手順

※ 新規Webサービスを立ち上げて実感したローンチ前に絶対やっておくべき10のこと

※ 知らないと怖い！Webディレクターが制作サイトのSEOで“大失敗”しないためのポイント