404 not found 是什麼意思呢?
瀏覽網頁時,有時會看見網頁顯示 404 或 404 error ,這代表因為某些原因,原先預期可以瀏覽的網頁無法正常顯示。
除 404 外,在操作 SEO 也很常聽到 301 轉址、302 轉址,這類三碼數字是代表什麼呢?
HTTP 狀態碼(HTTP Status Code)
上面提到的 404、301、302,其實都是屬於 HTTP 的狀態碼(HTTP Status Code),HTTP 狀態碼是指伺服器對瀏覽器的請求所做出的回應。使用者瀏覽網頁時,其實是不斷向伺服器送出請求的過程。舉例來說,正在閱讀這篇文章的讀者,剛剛點擊網頁時,你使用的瀏覽器就向伺服器送出請求要求這篇文章的內容,而伺服器會以 HTTP 狀態碼回覆這個請求。
如果請求成功、將文章內容回覆給瀏覽器,HTTP 狀態碼會是 200(成功);若是送出的請求找不到對應的資源,便會回傳 HTTP 404(not found)。
常見的 HTTP 狀態碼參考
除 404 之外,操作 SEO 也時常會看到以下幾個 HTTP 狀態碼,供讀者參考:
- 200:OK,請求成功
- 301:Moved Permanently,永久轉址
- 302:Moved Temporarily,暫時轉址
- 404:Not Found,請求失敗、找不到資源
- 504:Gateway Timeout,代表沒有獲得回應、或是回應時間過長超出瀏覽器預期時間
404 錯誤介紹與生成原因說明
伺服器回覆 HTTP 404 表示因為某些原因,伺服器無法回傳正確的網頁資訊,常見於以下兩個原因:
- 輸入錯誤 URL:使用者送出的網址不小心少打一個「s」、或多打一個「.」,導致 URL 錯誤,自然找不到對應的資源
- 該網頁被移除:原先 URL 原本存在對應的網頁,但經營者移除了該網頁且沒有處理索引問題
404 not found 會影響 SEO 嗎?
Google 並沒有說明網站存在 404 頁面會直接導致 SEO 排名被下降,畢竟網站的頁面眾多,有一兩個 404 頁面在所難免。但長期來看 404 not found 的頁面仍會對網站的 SEO 有負面影響,怎麼說呢?
若網站上 404 頁面太多,會導致使用者體驗不佳,畢竟沒有讀者會喜歡造訪的網站頻頻出現 404 not found 畫面,間接會導致網站停留時間降低、跳出率升高,進而被 Google 判定為對用戶沒有幫助的內容;同樣的,爬蟲在你的網站上爬取到太多的錯誤訊息,導致無法判斷網頁內容,是有機會降低你的關鍵字排名的。
不難看出,會影響 SEO 的前提都是 404 頁面太多,多到影響讀者 & 爬蟲理解網頁的狀況,如果有好好處理 404 not found,偶有個一兩頁的 404 頁面都不算太嚴重。但要如何處理 404 error 呢?
404 not found 解決方法
一般來說,Google 爬蟲在爬取到網頁 404 後就會視該網頁為無效,並將其從搜尋結果中移除。但若希望不顯示在 SERP 中,可申請 Google Search Console 移除網址。請注意申請的效期最長為 6 個月,若是希望永久不顯示在 SERP 可設定 noindex 來禁止索引。
➤ 想了解爬蟲與演算法運作請參考:Google 演算法攻略:演算法邏輯與重大更新解析(2023 更新版)
而若是網站是因為網站搬家,或轉換新網址而導致 404,則可以設定 301 重新導向,將舊網址永久搬移至新網址。詳細進行方式可參考 Ranking 過往的這篇文章:【301 轉址教學】做 SEO 必學!301 轉址為什麼重要?301 轉址工具介紹
客製 404 頁面,讓你的網站用戶不迷路!
404 是難以避免的狀況,除了以上的處理降低 404 出現的機率外,也非常建議客製化設計 404 頁面來引導網站的用戶。有明確的提示和說明錯誤狀態,可以降低用戶因為 404 感到困惑、進而直接離開網站的機會喔!
在設計客製 404 頁面時,請把握以下三個要點,另再結合品牌獨特風格,甚至有機會提升用戶對網站的好感!
- 醒目的提醒與原因說明:讓用戶知道 404 頁面是因為網頁發生了錯誤、說明可能的原因,降低用戶的困惑感
- 明確的引導動線:有明確的 CTA(Call to Action)讓用戶知道下一步該做什麼事情(e.g. 瀏覽其他網頁、連絡客服等)
- 積極協助:如果很重視每位用戶的體驗,可提供用戶客服協助,或提供表單收集用戶回饋、表達誠意
客製 404 頁面範例參考
LEGO
LEGO 的 404 頁面可謂非常符合品牌的調性,除了明確的錯誤說明外還配有生動的背景圖、明確的 CTA 引導,降低用戶因為 404 error 而產生的不悅。
Airbnb
Airbnb 則是提供了多元的引導,如查看房源、出租房源等,讓不同目的用戶進入 404 頁面時,都不會不知道下一步該怎麼辦、延長用戶停留在網站上的時間。
好用的 404 檢測工具推薦
除了 Search Console 外,有哪些可以協助處理 404 error 的好用工具呢?以下推薦兩個幫助讀者快速檢測 404 錯誤的好工具!
Screaming Frog
*Photo credited to Screaming Frog
Screaming Frog 是國外一款知名的 SEO 檢測工具。可以模擬爬蟲檢索網頁內容,並給予對應的結果如 Meta Tag、HTTP 狀態碼結果分析等,效能非常強大。雖然需要付費,但也提供免費方案(檢查網頁限制 500 個),對中小型網站快速檢查 404 頁面已經非常夠用了。
➤ 延伸閱讀:【HTML Meta Tags 攻略】掌握 Meta Title & Description,搶佔 SEO 高位!
Ranking SEO 網站健檢工具
Ranking 的網站健檢工具,讓用戶一鍵查看客製 404 頁面是否建置完成;另也提供如 Meta noindex、Meta nofollow 等其他技術檢測,協助用戶徹底了解網頁狀況、抓出 SEO 失分漏洞!
結論
404 頁面雖不會直接影響 SEO 排名,卻是使用者體驗容易忽略的一部分,在操作 SEO 時務必留心!當然也不必矯枉過正,偶有一兩個頁面也是在容許範圍內。
比起完全避免 404 錯誤,在用戶進入 404 頁面時如何提供正確的路徑引導是更加重要的課題。設計完畢後,搭配強效工具快速檢測,能協助你完善網站的 SEO!歡迎體驗:Ranking SEO 關鍵字工具