【GA應用】什麼是404畫面?如何用GA報表抓出無效404畫面?

|本文由作者看見數據-蔡先生授權行銷人轉載、編輯,原文網址


什麼是 404 頁面?
是否需要花時間打造專屬 404 頁面?

我們時常會聽到一些言論如 『404頁面對網站 SEO 排名以及影響權重越來越低』、『經營網站還有許多更重要且攸關存亡的工程』或『現在沒有人會進到404頁面了啦』,以拒絕撥出人力資源來為自己官網、電子商務網站寫出一個精心刻畫的404頁面。

所以,今天我們打算同時從網站 SEO 以及品牌經營、行銷的角度與思維,來跟大家聊一下這個 404 頁面到底有什麼存在的價值或說費心製作的必要,以幫助我們用更客觀的角度來評估是否需要在此投入資源與心力。

並且在文章的最後,提到一些簡單利用 Google Analytics 進階分析應用,來檢視目前404頁面被瀏覽的狀況或哪些頁面會回傳 404 錯誤碼(status code: 404)。

404 錯誤碼簡介。/圖:作者提供

下圖是 Google 的客製404頁面範例

許多網站會設計自家的404畫面。/圖:作者提供

為何會出現404錯誤頁面?

  1. 電子商務網站商品(或新聞媒體網站的文章)上下架速度太快
  2. 活動網頁的活動結束後就移除頁面資訊
  3. 網站改版、網址結構改變後沒有執行該有的 SEO 必要工程
  4. 一些人為疏失如檔案刪除、連結網址錯置、程式有誤等
  5. 使用者輸入了錯誤的網址(這在人們越來越少手動輸入網址的現今已較少見)
  6. 某國對一些特定且很厲害的國家相當森77且氣噗噗就不給看

而以上五點情境的背後,都是同一個資訊傳輸協定錯誤所造成的結果。

也就是當人類透過某一個瀏覽器、網址向某個指定伺服器要求資訊時,該伺服器發現資料庫中沒有該網址所指向的頁面資訊,伺服器就會回傳一個 404 錯誤碼(status code: 404)

這時也就會讓該瀏覽器、也就是上述所提的人類看到預設的 404 頁面或是該網站客製 404 頁面。

而以上文字是從人類的使用情境來解釋,但若說這 404 頁面為什麼與網站 SEO 有關,最主要的原因是因為當搜尋引擎的 Crawler 發現此頁面回傳 404 錯誤碼 (status code: 404) 時就不會將該頁面收錄在搜尋引擎的資料庫中。

有關上述 Crawler 原理可參考以上 Google 官方影片解釋。

如此一來,人們也就不會有機會在搜尋結果頁面上看到這些404頁面連結。

畢竟,人們若動不動就在搜尋引擎上看到網站出現404頁面,一方面會對該網站產生不好的觀感,另一方面也會認為這個搜尋引擎都在亂推薦。

為何需要設計404頁面?

我們會建議大家還是要寫一個專屬的404頁面,因為還是免不了會讓使用者進入到404頁面,加上我們也要讓搜尋引擎 Crwaler 爬到我們404頁面時可以偵測到一些必要 SEO 元素,進而對網站整體 SEO 能有所幫助。

而且這個404頁面上還會盡可能需要有以下元素:

  1. 原本網站就有的 Header(導覽列) & footer(通常上面就有全站各大分類頻道連結)
  2. 清楚的文字說明(為什麼會跳出此頁面,然後您可以在這頁面做什麼動作)
  3. 推薦連結(相關、同類別、替代商品資訊)
  4. 顯眼且容易發現的搜尋框
  5. 網站站長聯絡方式
  6. RWD(響應式設計)

基於以上,我們也找了一些國內外404網頁做得不錯的代表。
首先像是 APPLE 以及 BEST BUY 官網就都算是有符合上述元素。

Apple的404頁面能夠搜尋產品,將使用者留住。/圖:作者提供
BEST BUY 則是在404頁面盡可能放上最全面的站內連結推薦。/圖:作者提供

而國內代表則如東森購物除了網站共用 Header(導覽列)、Footer 、搜尋框以及錯誤的說明文字外,頁面下還有 “你可能會喜歡(可根據訪客過往瀏覽紀錄來提供)” 以及 “熱銷排行榜(可根據最多瀏覽、放入購物車或只是我們自己主打..)” 等連結。

除了上述值得參考、觀摩的模範網站外,說實在我們也發現大多國內知名電商、媒體是都沒有費心打造這樣的404頁面。
又或是看到一些疏失如雖說製作了一個 “看起來” 完整的404頁面,但其實並沒有回傳正確的404錯誤碼。

圖:作者提供

↳也就是原來你的404頁面不是你的404頁面…

除了帶有 SEO 思維打造 404 頁面外,由於還有必須要讓確認我們(不同的)伺服器(通常是 Apache 或 IIS)都有進行正確設定。

這時若非技術人員、無法快速確認伺服器設定,也可以利用與下載 Google Chrome 的一個擴充功能、Redirect Path, 然後輸入某網域名稱開頭的錯誤網址來確認目前自己網站是否有正確設定(也如上面那個類404頁面案例圖中所用的擴充功能)。

若從行銷、品牌經營的角度來看這 http 404 或 404 頁面

就算我們完全不談什麼 S 不 SEO 的考量,若我們現在是一個知名品牌的經營者,我們為了讓品牌核心精神、風格、態度、輪廓與言論盡可能一致,其實 404 頁面就是一個容易忽略,但應該要好好展現的平台。

圖:作者提供
圖:作者提供

↳上述兩案例雖說並沒有具備 SEO 元素,但強調了品牌的樣貌..

圖:作者提供
圖:作者提供
圖:作者提供
圖:作者提供

↳而以上幾個國內官網模範代表。就是以簡單的文字、視覺呈現就盡可能在 SEO 外還兼顧了品牌個性、態度與趣味性

且除了上述一些行銷、溝通以及兼顧 SEO 效果的 404 頁面設計外,也或許可以搭配一些非營利組織以製作顯示失蹤人口協尋的資訊。

搭配非營利組織設計的404頁面。/圖:作者提供

如何利用 Google Analytics 偵測404頁面

最後,由於每個網站伺服器設定的方式不一,所以一個大站不太容易從 Google Analytics > “所有網頁” 報表介面上直接查看自己的 404 頁面是否被瀏覽過。

圖:作者提供

↳因為現在多半404頁面會設定為保留使用者輸入的錯誤網址
不過,這時若硬要找出來其實也不會很麻煩,因為客製404頁面還是有一個固定的標題、也就是 <head></head> 中的 <title>標題文字</title>。

所以其實我們一樣先到 Google Analytics > “所有網頁” 報表介面也沒問題,只要增加開啟 “次要維度” 並找尋 “網頁標題” 此維度,接著再利用篩選器篩選404頁面的標題文字如下圖,就可以看到使用者進入錯誤網址以及被觸發的狀況嘍。

找出這些頁面後,若有瀏覽次數,就要趕快優化或處理這些頁面。圖:作者提供

若發現還不少人瀏覽到某頁面就要趕緊處理了…
其實上述就是簡單利用到 Google Analytics 中常用到的 “次要維度” 以及 “篩選器” 功能。

若還想一口氣了解更多有關404頁面監控、分析技巧,就請直接移駕至我們連續兩週接著發表的 “網站中404頁面的專屬內憂外患報表觀察與偵錯” 以及 “就此啟動404快訊!!全自動404錯誤碼回報警報器與觸發條件設定” 吧!

不過說到電子商務網站商品若(暫時)賣光時到底是否讓該頁面回傳 404 錯誤碼並顯示客製 404 頁面,又是另一個網站經營與 SEO 考量的議題了。

通常會聽到網站主表示還是要回傳 404 錯誤碼的論點是,若讓消費者搜尋到自己網頁上商品都賣光了會不滿..

但說實在,就網站 SEO 的觀點而言,網址年齡本來就是一項相當重要且難以刻意創造的權重,若動不動就讓頁面 404, 那也就是說每一個新的頁面都需要重新累積這項權重(但其實這種事情沒有絕對的對錯,主要還是回到網站經營的策略與考量)。

此外,若擔心消費者不滿,其實也可以寫判斷式,只要當商品賣光後先出現一些簡單的說明文字,然後再回傳 “相關/有類別商品” 、 “替代選項” 或 “本週/月熱賣商品” 的資料即可。

(活動網頁也是,就算活動結束,也可以改回傳最新或最熱門的活動…)

若產品已下架,或活動已結束,可以改以顯示新產品或其他活動資訊。/圖:作者提供

作者介紹:

awoo 長期臨時工 蔡先生
深耕 SEO & Google Analytics 領域多年,曾有幸擔任國內各大知名企業、品牌與協會技術交流講師。
除了能在工作上看見數據外更盡力抽空看見臺北各大特色咖啡館。
目前主職 awoo SEO & SEM & MarTech 服務顧問,有相關合作需求請儘管來信:[email protected].

首圖來源:Photo by Erik Mclean on Unsplashv

更多行銷人報導
【GA教學】想優化網站?先讀懂這7個GA報表
【GA教學】給新手的圖解懶人包:三分鐘搞懂Google Analytics是什麼?

作者資訊

《行銷人》合作夥伴
《行銷人》合作夥伴
歡迎成為《行銷人》合作夥伴,若有任何文章授權、尋求報導及投稿的需求,歡迎來信:[email protected]