404頁面

404和410有什麼不同？

404的意思是「這個網址目前沒有頁面」，410則是「這個頁面是刻意永久刪除的」。差別在於404保留了「可能只是暫時不見」的空間，410則明確表示不會再回來。

Google對這兩種代碼都會從索引中移除。所以小型網站的頁面不見了，用404就夠了；如果頁面是搬家了，就不要用404・410，而是用301導到新網址。

這組數字叫做「狀態碼」。客人看不到，但瀏覽器和搜尋引擎會先讀這個數字，再決定怎麼處理這個頁面，比畫面內容還早。

軟性404是什麼？為什麼會有問題？

軟性404是指畫面上顯示「找不到頁面」，伺服器卻回應「正常（200）」的狀態。也就是人眼看到的和搜尋引擎收到的訊號互相矛盾。

這樣一來，搜尋引擎會把空白頁面當成正常頁面，一直回來確認、白白浪費時間。Google Search Console會把這類網址另外標示為「軟性404」。

常見的例子是售完商品的頁面只剩一片空白，或是過期活動頁面上只寫了一行「已結束」。如果頁面真的不在了，就回傳真正的404；如果要保留，就補上可替代的商品或下一次的檔期等內容。

反過來，把所有不存在的網址都導回首頁，Google也可能把它歸類為軟性404，因為客人打開的不是他要找的頁面，而是不相干的頁面。基本原則是：不見的頁面用404，搬家的頁面用301導到最相近的新頁面。

好的404頁面應該放哪些內容？

好的404頁面，是讓客人一眼就知道「接下來可以去哪裡」的畫面。比起道歉文字，能引導下一步的按鈕更重要。

404畫面最好也和網站其他頁面一樣，保留上方選單和店名。這樣客人才不會誤以為自己跑到別的網站。

文案最好不要聽起來像在怪客人。比起「您輸入的網址有誤」，「頁面已搬移或不存在」讓人舒服得多。也可以加一句符合店家風格的短短問候，但不要比前往下一步的按鈕還顯眼。

• 用簡單的話說明（例如：「您要找的頁面已經不在了，或是網址有變更」）
• 保留店名・Logo・上方選單
• 回首頁的按鈕
• 客人常找的頁面連結（菜單・預約・交通資訊）
• 電話・詢問按鈕，如果有站內搜尋就放上搜尋框

Google Search Console怎麼找404錯誤？

在Google Search Console的「網頁」報告裡，可以看到Google檢索時收到404的網址。Search Console是Google免費提供的搜尋管理工具。

404清單裡也會混著一些客人根本不會進來的奇怪網址。那多半是其他網站把網址寫錯，或自動程式隨便亂試留下的紀錄，不必全部修正。請以「是不是我們以前真的用過的網址」為標準，挑出要處理的網址。

1. 01登入Google Search Console，選擇自己網站的資源。
2. 02點左側選單「索引」底下的「網頁」。
3. 03在「網頁未建立索引的原因」表格中點「找不到（404）」，查看網址清單。
4. 04逐一打開網址確認，如果是搬家的頁面，就設定301導到新網址。
5. 05如果頁面真的不在了就維持原狀，但要確認自己網站裡沒有連結還指向那個網址。
6. 06同一張表格裡的「軟性404」項目也一起確認。
7. 07修正完成後，按下報告中的「驗證修正結果」按鈕，請Google重新確認。

製作404頁面時常犯哪些錯誤？

最常見的錯誤是把所有不存在的網址都導回首頁。客人看不到想找的內容，只看到首頁，又得重新摸索；Google也建議不要把彼此無關的多個舊網址都導到同一個頁面。

另一個常見錯誤是做了精美的404畫面，狀態碼卻回傳200。請廠商製作404畫面時，除了「畫面」，也要請他們確認「狀態碼是否真的回傳404」。

光看畫面是看不出狀態碼的。在瀏覽器開發人員工具的「網路」分頁，或線上狀態碼檢查工具輸入一個不存在的網址，就能馬上看到回傳的是404還是200。

• 不存在的網址在幾秒後自動跳回首頁
• 設計過的404畫面卻回傳狀態碼200
• 直接沿用伺服器預設畫面（只有一行英文）
• 改版後沒有檢查舊網址清單
• 網站內的失效連結全都丟給404畫面處理

小店家網站什麼時候最容易出現404？

小店家最常在刪除季節菜單、過期活動、已結束課程的頁面時出現404。介紹這些頁面的部落格文章和社群貼文還一直留著，客人好幾個月後仍會從那些連結點進來。

印在傳單・名片・店內QR Code上的網址尤其要小心。印刷品沒辦法修改，所以最好先訂一個能長期使用的短網址，例如「店名.kr/menu」，並持續讓這個網址連到最新的菜單頁面。

如果是賣商品的網站，商品頁就是404的一大來源。暫時缺貨的商品不要刪頁面，放上補貨通知；只有不會再賣的商品，才用404處理或導到最相近的商品。

ISSYMO會在會議中和您一起決定404提示畫面的內容，以及改版後舊網址要怎麼銜接。