top of page
作家相片L L

網站「Error 404」怎麼來的?這些數字是什麼意思?認識常見 HTTP 狀態碼

為什麼要了解 HTTP 狀態碼?當我們瀏覽網站時,難免會遇到像「404 Not Found」這樣的錯誤訊息,這些數字是什麼意思呢?


其實就算不懂寫程式,也能透過理解 HTTP 狀態碼來辨別網頁狀態,快速找到問題的原因,這樣使用者與開發人員溝通時,就能更好地解決!


本文章節

什麼是 HTTP 狀態碼? 伺服器回應請求的過程 HTTP 狀態碼分類 常見的301、503... 是什麼意思?為何會出現這些問題? 為什麼會出現404? 設計有效的「404頁面」改善使用者體驗



什麼是 HTTP 狀態碼?
定義與功能

HTTP 狀態碼是伺服器對瀏覽器請求 (也就是使用者的操作) 的回應,表達請求是否成功完成,通常是三位數字的代碼,功能在於幫助使用者了解請求的狀態。


每當我們打開一個網頁,瀏覽器會發送請求給伺服器,伺服器會根據結果回應不同的狀態碼。例如,當網頁載入成功,伺服器將回應「200 OK」。


伺服器回應請求的過程

狀態碼就像郵件系統:


  • 請求:使用者在瀏覽器輸入網址,相當於寄出一封信。

  • 回應:伺服器回應狀態碼,表明信件是否成功寄達或遇到問題,指引用戶接下來的操作。


信件順利送達,會收到「成功送達」的通知;如果地址有誤,則會收到「無法投遞」的回應。HTTP 狀態碼便是這樣的回應信號,表達網頁是否成功載入或遇到錯誤。


HTTP 狀態碼分類:從字頭辨識問題根源

資訊回應 (1xx)

例:100 Continue


成功回應 (2xx)

例:200 OK, 201 Created, 204 No Content


重定向 (3xx)

例:301, 302, 307, 308


客戶端錯誤 (4xx)

例:400 Bad Request, 401 Unauthorized, 403 Forbidden, 404 Not Found


伺服器錯誤 (5xx)

例:500 Internal Server Error, 503 Service Unavailable


常見 HTTP 狀態碼解析

HTTP

意義

常見的發生原因

200

請求成功

伺服器正常返回所請求的內容。

301

網頁永久移動到新位置 (Moved Permanently)

網站重組或更改域名。

302

網頁暫時移動到新位置 (Found)

常用於維護或臨時重定向。

307

暫時性轉址 (Temporary Redirect)

要求使用原始請求方法重新發送請求。

308

永久性轉址 (Permanent Redirect)

要求保持原始請求方法不變,並指向新位置。

400

客戶端請求有誤 (Bad Request)

請求格式不正確或缺少必要參數。

401

用戶未提供有效的身份驗證憑證 (Unauthorized)

無法訪問所請求的資源。

403

用戶無權訪問該內容 (Forbidden)

可能需要特定權限或身份驗證。

404

請求的頁面或資源不存在 (Not Found)

網址輸入錯誤或資源已刪除。

500

伺服器遇到意外情況 (Internal Server Error)

伺服器無法完成請求,通常是伺服器內部錯誤。

503

伺服器暫時無法處理請求 (Service Unavailable)

過載或維護造成的短暫問題。

504

上游伺服器未能及時回應 (Gateway Timeout)

作為閘道器的伺服器,未能在適當時間內獲得上游伺服器回應。



Error 404 詳解:設計有效的「404頁面」!
定義及原因

404 錯誤表示使用者嘗試存取的頁面在伺服器上不存在。此錯誤通常發生於以下情況:


  • URL 錯誤:用戶輸入了錯誤的網址,或連結出現拼寫錯誤。

  • 內容移除或更改:網站的頁面被刪除或搬遷到其他 URL,而未更新原連結。

  • 外部連結錯誤:其他網站指向的連結過期或錯誤。


對使用者體驗的影響
  • 中斷瀏覽體驗:用戶可能感到困惑,尤其是找不到需要的特定內容時。

  • 降低信任度:頻繁的404錯誤可能讓用戶認為網站不專業或維護不足。

  • 增加跳出率:404頁面可能導致用戶立即離開,影響網站的跳出率和SEO排名。


解決之道:設計有效的「404頁面」

在你的網站設計一個自訂的「404 頁面」,當出現錯誤時,可以引導使用者回到有效的其他頁面,避免用戶離開網站。另外,定期使用工具(如 Google Search Console)檢測錯誤頁面,確保不會損害 SEO 排名。


有效的404頁面應考慮以下元素:


  • 清楚的錯誤訊息:明確說明頁面不存在,並避免專業術語,讓用戶了解問題所在。

  • 提供導航選項:包括返回首頁的連結、熱門頁面連結,或提供搜尋框協助用戶找到所需內容。

  • 引人注意的設計:採用有吸引力的圖片或幽默的文字,讓用戶感到有趣而非沮喪。

  • 避免責怪使用者:避免「你可能操作失誤」等把錯誤歸咎於用戶的說法,應協助用戶找到所需內容。



Comentários


bottom of page