在主題開始前… 先看一些範列
錯誤頁面…你永遠不曉得他什麼時候會出現
而在版面位置上個個黃金、處處重要的時候
好好利用 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 頁面。在此也願每個小朋友都能平安回家…
清楚告訴使用者與爬蟲這個 url 已經失效
博客來網站個留了 header, footer 並告知使用者 url 已失效,http status code 回傳標準的 404
友善的告知使用者這個 url 已失效,爬蟲也會由 404 code 留知該 url 已棄用。
最重要的是,不浪費每個錯誤時的彌補機會 (很多網站會直接轉址至首頁)
雖然沒爬蟲目前沒有強迫 404 頁面 〝一定〞 要有哪些規則
有效利用這個錯誤頁面,也能讓偶有突發情況成為美麗的錯誤,何樂而不為呢?
看了上面幾個範例之後,
可以得知在 404 頁面裡加入哪些元素能幫助使用者、增進網站的 UX 並在行銷上帶來幫助。
一個好的 404 頁面該有哪些元素呢?
最後,畢竟他只是 404 頁面、只是額外的 bonus,請不要花過多的時間在上面。 XD
看了這麼多的 〝404〞 是不是對於自家的 404 頁面有些想法了呢?
錯誤追蹤、回報非常重要,看到的錯誤才知道怎麼修。現今 PHP 流行的 Laravel 有很好的 Error Tracking, Error Handling。但 plain PHP 怎麼辦呢? 在 production 為了安全考量會設定…
jenkins、circleci、travis 或 Gitlab CI 皆為目前暫知名的 CI/CD 服務,各自缺點也不言而喻...過於肥大、收費略高(?)、速度不夠快執問題...此時使用 go language 開發的 Drone 就出現啦,完全 docker 容器化的運行方式讓整個 CI…
網頁壓縮技術中 gzip 很好用,deflate 己經過時,但你聽過 brotli 嗎? 有著比 gzip 更好、更快的壓縮效率。看起來利大於弊有什麼不用他的理由嗎?簡單從優、缺點來看 brotli!到底 brotli 布羅特利是什麼、如何設定呢。 目前大多的 web server…
為什麼要讓本機使用 Docker 內 PHP? 情境... docker 容器內用的是 PHP 7.4 但你的開發本機還在跑 PHP 5.6 或是更舊,因為 dockerize 的關係會將所有相關環境都轉移到…
為什麼你需要密碼管理工具現代人一天下來需要輸入多少組密碼,工作與生活己經和密碼密不可分! 除了足夠全安的密碼,密碼記錄、儲存的方式又足夠安全嗎?密碼管理工具可以帶來什麼幫助呢? 為什麼你需要密碼管理工具 資安問題!!大多人說著沒做壞事不怕被偷資料、監聽。嚴重曝露出現代人的基本科技素養的低落和無知 🤯 密碼的使用無所不在!! 行動裝置的普及,APP 、手機遊戲、銀行帳戶所有和生活相關的東西都需要密碼!!facebook, line 只要打開 APP 也會輸入密碼只是他是自動輸入、一般情況不可視 (auth token) 一般人最常發生的密碼資安問題…
mysql 資料表分區 mysql table partition 從架構上調整 mysql 的查詢效率。mysql DB 的優化可以簡單也能複雜,除了調整設定值。也可以透過水平分割(Horizontal Partitioning)、垂直分割(Vertical Partitioning) 分庫或分表將資料分散儲存減少資料搜尋、group by 時的效能消耗。拆開批次處理,理論上效率都會變好,本文就水平分割的…
View Comments
好可愛
我最喜歡是 Taaze 的
好有意境又和網站最相關
真的!
和可愛的童書配合很搭