客製你的 404 page

在主題開始前… 先看一些範列

錯誤頁面…你永遠不曉得他什麼時候會出現
而在版面位置上個個黃金、處處重要的時候
好好利用 404 page 也是個不錯的選擇
你不需要做到 100 分的 404 頁面內容
但是可以為自己的網站製作一個個性十足的 404 頁面

來看一些好例子吧

https://www.airbnb.com.tw/404找不到

Airbnb 的 404 動畫頁面十分有趣，也在畫面上清楚說明網站的主要目的

http://www.taaze.tw/404

讀冊生活 TAAZE 的 404 頁面充滿文學味

http://www.managertoday.com.tw/404

經理人的 404 頁面，除了清楚告知使用者 url 失效，還提供了本期雜誌的訊息和訂閱流程(call to action)結合原來的 footer 部份，也能在錯誤頁行銷一下各個部份…

http://www.i-house.com.tw/404

特力屋 則是採用電商比較喜歡的方式，在畫面上提供熱門商品、推薦商品等訊息，不放過任何行銷版位。

http://404page.missingkids.org.tw/404

其中，404 頁面也有公益類形的 404 協尋兒少專案 則是借用您的 404 頁面插入他們提供 iframe API ，顯示協尋內容。
非常有效利用 404 頁面。在此也願每個小朋友都能平安回家…

404 頁面的目的是什麼？

清楚告訴使用者與爬蟲這個 url 已經失效

博客來網站個留了 header, footer 並告知使用者 url 已失效，http status code 回傳標準的 404

友善的告知使用者這個 url 已失效，爬蟲也會由 404 code 留知該 url 已棄用。
最重要的是，不浪費每個錯誤時的彌補機會 (很多網站會直接轉址至首頁)

雖然沒爬蟲目前沒有強迫 404 頁面 〝一定〞 要有哪些規則
有效利用這個錯誤頁面，也能讓偶有突發情況成為美麗的錯誤，何樂而不為呢?

好的 404 頁面該有些什麼元素？ 怎麼結合行銷？

看了上面幾個範例之後，
可以得知在 404 頁面裡加入哪些元素能幫助使用者、增進網站的 UX 並在行銷上帶來幫助。

一個好的 404 頁面該有哪些元素呢?

最後，畢竟他只是 404 頁面、只是額外的 bonus，請不要花過多的時間在上面。 XD
看了這麼多的 〝404〞 是不是對於自家的 404 頁面有些想法了呢?