SEO怎麼做？別讓你的404頁面成為豬隊友，注意這些細節為SEO加分｜言己,日常生活

9 min readAug 26, 2020

生活裡總是有多個角色，除了看起來每天好像都在玩的Youtuber之外(我真的沒有每天都在玩！)，其實我還有一個身份，就是需要工作領薪水的上班族。最近來了個案子，讓我有個機會，可以久違的從0慢慢修SEO，腦袋很小、記憶不好，也順便把這段歷程記錄下來，給未來的自己看，也讓剛好需要的你一起看。 — 趴踢 pa-ty

前陣子在工作上，得到了一個任務，而這個任務是要設計404頁面，依照既有經驗，與工程、設計，討論了這個404頁面需求及後續執行的方向，再經過一段時間404頁面上線了，但也被公司裡熟悉SEO的同事抓到了漏洞，也才發現原來自己對於這些細節的不熟悉，但也是算一次從失敗中的學習，讓自己徹底地了解原來SEO是一場學也學不盡的修煉場。

我做錯了什麼？

這在資深的人眼裡，大概是一個很淺的錯誤。對於404頁面，從這次的任務之前，我的認知是這樣子的：當User進入一個消失的頁面時，為了達到好的使用者體驗、降低離開率/跳出率、提升換頁數，因此在選擇出現預設的404 error訊息之外，提供一個精美的畫面，不僅可以提昇網頁的品牌形象，也能完成前述的那些較佳的使用者體驗。

但其實這樣只對了一半，除了給使用網頁的使用者有更好的體驗外，也是需要提交正確的訊息給搜尋引擎，讓它清楚知道，這個是404的錯誤畫面，是不用收錄到搜尋結果中，只是一個網頁在瀏覽的過程，而我做錯的就是：

工程師為了滿足我在404頁面保持多語系切換及登入的需求，採用的是獨立新增一個網頁頁面，姑且先叫他「404」，把遇到Http狀態碼為404的時候，都統一導向「404」這個網頁。
也因為上一點的狀態下，基本上是沒有機會正確回應給搜尋引擎：使用者現在遇到404，會直接導向「404」網頁，反而是產生了302及200的Http 狀態碼，這會讓搜尋引擎認為我們新的「404」是前一頁的暫時跳轉頁面，但因為太多頁面(不知道什麼時候會遇到)會進入這個新的新的「404」網頁，可能會讓搜尋引擎收錄，甚至誤以為我們的網頁有問題，如果不小心影響到權重(不知道會不會，但如果知道會有錯，還是不要挑戰的好)可是得不償失。

所以我滿足了使用者及營運上的需求，卻忽視了爬蟲的需要，在404的這個任務上，做出了一個可能會影響SEO的錯誤。

從這次的404頁面，我學到了什麼

在經過這次的小狀況後，跟這位熟悉SEO的同事討論了一下，重新整理了404頁面在我腦袋裡的認知，核心價值都是為了給網站使用者一個好的服務體驗，只是不能只是做了表面，連看不到的地方都給好好的注意，如此一來才不會讓本來是出於好的立場提供404頁面，變成了在SEO的經營上的豬隊友。

也將這次的錯誤做了份紀錄，將那些爬文後，覺得跟SEO比較有關的狀態碼寫下來，也把我看到的404網址的案例分享給你們，讓這些花時間讓自己了解的內容，不只是給自己作為未來規劃的養分，也希望能分享給有需要的你。

那些跟SEO比較有關的Http狀態碼

基本上Http狀態碼超級多的，如果認真上網查了一下，會得到一對落落長的條列式說明，但我其實也不是網頁工程師，但為了讓產品專案可以順利執行，並且達到營運及SEO的檢查，或許你也可以跟我一樣，先從這些Http狀態碼了解起。(如果你想知道更多Http狀態碼，各代表什麼意思，可以參考這個網頁)

200：表示OK，用戶有成功呼叫網頁。

301：網頁永久轉向
如果你的網頁搬家，又或是某個網站因為業務需要從A頁面徹底轉移到B頁面，就可以使用這個Http狀態碼，讓搜尋引擎知道，A頁面已經沒有收錄的價值，應該要轉由收錄B頁面。

302：網頁暫時轉向
當某個網頁是因為業務需求，需要暫時的從A頁面轉到B頁面時，就需要提交302的狀態碼給搜尋引擎，讓搜尋引擎知道，雖然A、B頁面很像，但只是因為一些不可抗力之因素，需要暫時的從A轉到B。

那我們在這邊先暫停一下！那301、302差在哪？

爬了許多文章，看了很多大師針對301及302的介紹及說明，我將我消化過後的內容整理如下，其實差就差在兩句話，也就是「永久」與「暫時」。

301轉向，表示你已經要「永久」捨棄A網頁，希望搜尋引擎不要再持續收錄A網頁，改收錄B網頁。當使用301轉向時，原本A網頁的網站排名、流量及頁面權重，都會完全交接給B網頁。而搜尋引擎在收到301轉向的狀態後，也會開始慢慢的移除舊的網頁Ａ，將網頁A的一切定義到網頁B上，最後就會完全由網頁B取代網頁A。比較常見的案例，應該就是運用在Blog搬家站了～

而302轉向，是指「暫時」轉移頁面到網頁B。當使用302轉向時，是跟搜尋引擎說，網頁A只是暫時換網頁B顯示而已，之後網頁A會再回來，而B後續可能就沒有用了。而當搜尋引擎在收到302轉向的狀態後，只會把流量轉移到網頁B，而頁面權重及網站排名並不會移轉。比較常見的案例，應該就是運用在特殊活動上，例如聖誕節有針對首頁做其他具年節的設計及活動，刻下一個暫時替換的網頁，等聖誕假期結束，就會換成本來的首頁時，就可以運用302轉址。

但也有看到很多文章有提到，302轉址不要濫用，當302定向的時間太長的話，也是會影響到網頁A的排名及權重的。

404：找不到網頁。會出現404頁面的原因很多，可能是因為網址變更、使用者輸入錯誤的網址..等，也因為404產生的原因並不是那麼的絕對，所以也不用每一頁都需要使用網站轉向(302)的設定，只要很明確地告訴搜尋引擎遇到了404就好。

關於在爬404相關文章的時候，有看到大師有提到，404頁面是會影響到搜尋引擎決定要不要收錄這個網頁的判斷條件之一，但也不用太過緊張，如果確認出現404的頁面，就是一個已經失效或是沒有意義的key錯網址，是真的沒有這個頁面，就可以不用太在乎404的出現，但如果某個網頁，時不時會一直出現404，那可能就需要去查一下，到底網頁出了什麼事，以免影響這個網頁在搜尋上的結果。

500：伺服器出現錯誤。通常看到這個，請趕快去找你的RD！

503：伺服器暫停服務。通常比較常出現在，系統維護暫時無法進入網站的時候。

我不懂程式，要怎麼檢查Http狀態碼對不對

我自己也不是工程師，也不太懂那神秘的代碼表示什麼意思，但頁面如果做完了，想要確認目前的網頁是不是有乖乖的傳送正確的狀態碼呢？這時候推薦大家可以使用 redirect path 這個Google Chrome的外掛，能快速地幫助你了解目前所在的網頁，正在傳送哪些Http狀態碼。

用 REDIRECH PATH 檢查網頁的Http傳送碼 / 截圖：言己,日常生活趴踢(Pa-ty)

404的網頁，不能獨立嗎？

當公司裡比較熟悉SEO的同事，提出了我上線的404頁面，有傳送錯誤狀態碼，跟獨立網頁的問題時，除了了解他說明的原因外，也很拗氣得上網爬了一些網站，看看是不是大家的404頁面，都不是做獨立網頁的！

可以理解傳送錯誤的Http狀態碼，會影響到搜尋引擎的判斷，但網頁的部分真的那麼絕對嗎？其實爬了一堆文章，也沒看到有人很肯定的說，到底獨立頁面或是保留User輸入的錯誤網址好，但自己是有發現Yahoo購物網站，是獨立一個404頁面，但是他們傳送出來的Http狀態碼，是只有404，而沒有因獨立頁面多傳一個200或302的其他沒必要的狀態碼。

但大部分的網頁都是採用保留User輸入的錯誤網址，我自己是這麼想的，不獨立網頁，是有好處的，這樣起碼可以在GA上面看到，到底是哪一個網址出現了404，這樣就算要針對網站做檢查，也會比較清楚要怎麼看。

當呼叫進入404的畫面，可以讓你的前端工程師協助，將進入404畫面的網站標題變更為「找不到網頁404」之類的，這樣你就可以透過GA的「行為>網站內容>所有網頁」搭配次要維度設定「網頁標題」，就可以發現某個網址所帶入的網頁標題，如果不是他本來的網頁標題而是出現「找不到網頁404」，就表示這個網頁目前有問題，如果很多流量出現了404錯誤，就要盡快去處理這個問題了！