Growth

404 頁面行銷學,不要浪費你的 404 頁面!

404 頁面,即 〝查無此頁面〞。
Wiki 上定義的 404,就是頁面找不到、 url 失效等…
簡單說就是頁面不存在!
一般來說,會特定準備 404 頁面的公司、產品也不多…
最多弄個頁面找不到就草草了事,並不會特別為 404 頁面做太多
其實這個 404 page not found 可是大有發展空間!

 

 

 

客製你的 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 頁面該有哪些元素呢?

  • http status code 必須回傳 404
  • 清楚告知使用者該 url 失效
  • 明確指出、引導使用者下一步
    如:回首頁(Index)、搜詢框(Search),或是幫助使用者(Help)
  • 置入產品內容、商品資訊
    如:本週 熱銷商品、其它人都買了些什麼商品,本週優惠 等區塊…
  • 建議保留 Header、Footer

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

可樂

View Comments

Recent Posts

plain PHP 搭配 Slack 進行錯誤追蹤、回報(Error Tracking、Error Handling)

錯誤追蹤、回報非常重要,看到的錯誤才知道怎麼修。現今 PHP 流行的 Laravel 有很好的 Error Tracking, Error Handling。但 plain PHP 怎麼辦呢? 在 production 為了安全考量會設定…

4 years ago

Drone CI/CD 配合 Github 使用 Rsync 進行 Deploy

jenkins、circleci、travis 或 Gitlab CI 皆為目前暫知名的 CI/CD 服務,各自缺點也不言而喻...過於肥大、收費略高(?)、速度不夠快執問題...此時使用 go language 開發的 Drone 就出現啦,完全 docker 容器化的運行方式讓整個 CI…

4 years ago

Nginx brotli 設定

網頁壓縮技術中 gzip 很好用,deflate 己經過時,但你聽過 brotli 嗎? 有著比 gzip 更好、更快的壓縮效率。看起來利大於弊有什麼不用他的理由嗎?簡單從優、缺點來看 brotli!到底 brotli 布羅特利是什麼、如何設定呢。 目前大多的 web server…

4 years ago

本機使用 Docker 容器內 PHP (wrapper/expose PHP)

為什麼要讓本機使用 Docker 內 PHP? 情境... docker 容器內用的是 PHP 7.4 但你的開發本機還在跑 PHP 5.6 或是更舊,因為 dockerize 的關係會將所有相關環境都轉移到…

4 years ago

為什麼你需要密碼管理工具

為什麼你需要密碼管理工具現代人一天下來需要輸入多少組密碼,工作與生活己經和密碼密不可分! 除了足夠全安的密碼,密碼記錄、儲存的方式又足夠安全嗎?密碼管理工具可以帶來什麼幫助呢? 為什麼你需要密碼管理工具 資安問題!!大多人說著沒做壞事不怕被偷資料、監聽。嚴重曝露出現代人的基本科技素養的低落和無知 🤯 密碼的使用無所不在!! 行動裝置的普及,APP 、手機遊戲、銀行帳戶所有和生活相關的東西都需要密碼!!facebook, line 只要打開 APP 也會輸入密碼只是他是自動輸入、一般情況不可視 (auth token) 一般人最常發生的密碼資安問題…

4 years ago

簡單使用 Mysql Partition 優化查詢

mysql 資料表分區 mysql table partition 從架構上調整 mysql 的查詢效率。mysql DB 的優化可以簡單也能複雜,除了調整設定值。也可以透過水平分割(Horizontal Partitioning)、垂直分割(Vertical Partitioning) 分庫或分表將資料分散儲存減少資料搜尋、group by 時的效能消耗。拆開批次處理,理論上效率都會變好,本文就水平分割的…

4 years ago