客製化 Weebly 的 "404 找不到" 頁面

本文摘自於 <Weebly in 3 Min>


"404 找不到" 是 HTTP 裡的預設反應。當伺服器沒辦法提供網頁給使用者輸入的連結時, 404 頁面就會回傳給使用者。通常是因為使用者輸入的連結已經損壞或是更新,導致他現在輸入的網址沒有對應的網頁。想必大家一定有經歷過 Google 上的 404 頁面。

Google's 404 Page



雖然 "404 找不到" 乍看之下不是很重要,但是專業的網站總是會賦予它一些令人驚喜的設計,像是 Imgur 的 404 頁面,如下圖。英國的 Metro News 特地為 404 頁面做了報導,因為越來越多網路公司認知到 - 有好的 404 頁面設計會給找不到網址的使用者一點安慰和一點驚喜。

Imgur 404 Page

Weebly 有為使用者預設一些簡單的 "404 找不到",但是他的設計既無聊又沒變化,都是使用千篇一律的 “404 找不到" 風格,如下圖。
404 on Weebly

不過 Weebly 的平台上有個小竅門讓你可以客製化你自己的 "404" 頁面。首先,在你的網站上成立一個頁面,命名為 "404",並點選 Hide in Navigation 將它隱藏起來,如下圖。你也可以更進一步到 SEO settings 將 404 頁面隱藏起來,不被搜尋引擎找到。



成立 404 頁面後,Weebly 會將你網站上搜尋不到的網址自動導向至這個頁面。接下來,你就可以針對這個 404 頁面重新設計啦~。你可以將一些有趣的 imgur GIF 連結附在你的 404 頁面上,像是 Weebly in 3 Min 的 404 頁面 ; 你也可以參考國外這個部落格統整了 <36 樣有趣的 404 頁面設計>。


好的 404 頁面設計具備以下三大特徵:

1. 引導使用者到正確的網址或者是首頁。

2. 提供使用者直接聯絡你的方法。通常會被引導到 404 頁面是因為網址出現問題,或者是舊的網址已經故障。

3. 發揮你的創意~


Weebly in 3 Min's 404 Page

最後,404 頁面可以想成是網站上的最後一道防線,因為輸入的網址已經損壞或是更新了。如果要防止網址損壞或是更新的問題,讓使用者可以順利找到他想要的連結,建議參考我的 <善用 301 頁面>。





comments powered by Disqus