在網頁設計過程中,理解和應用正確的轉址技術是確保良好搜索引擎優化(SEO)和提升用戶體驗的重要一環。轉址不僅有助於處理已移動的內容,還可以有效管理網站的連結權重和使用者的訪問路徑。本文將介紹五種常見的轉址代碼,並探討它們在網頁設計中的應用和對 SEO 的影響。
轉址的類型
轉址可分為永久轉址和暫時轉址,雖然使用者通常無法分辨,但 Google 會將其視為信號,表示網站管理者認為轉址後網址為標準網址。至於要選擇永久轉址還是暫時轉址,取決於轉址的時效性,及希望的 Google 搜尋顯示結果:
永久轉址
Google 在搜尋結果中,會顯示新的轉址目標。
如想變更網頁在 Google 中顯示的網址,建議使用永久的伺服器端轉址,這是最能確保將 Google 和使用者導向正確網頁的方法
暫時轉址
Google 在搜尋結果中,會顯示來源網頁。
如果只是因為某個理由,例如伺服器維修,需要暫時將使用者引導到其他頁面,之後會再換回原本網址。那麼,此時可以使用暫時轉址。這種方法也可以讓 Google 將搜尋結果中原本的網址保留比較久。
轉址的方法
可分為四個類別:
- 伺服器端轉址
- meta refresh 轉址
- JavaScript 轉址
- crypto 轉址。
對於不同轉址的方法,因為 Google 能夠正確解讀轉址的機率,以伺服器端轉址最高,並依序往下降低。所以在條件允許的情況下,都會優先建議使用伺服器端轉址。下文也會以伺服器端轉址為主要介紹。
轉址代碼說明
以下說明伺服器端轉址的類型
301 轉址(永久轉址)
301 轉址用於處理永久性內容轉移,當網頁永久移動到一個新位置時應該使用此方法。這是 SEO 最為推薦的轉址方式,因為它會將舊頁面的排名權重轉移至新頁面,幫助新頁面繼承舊頁面的搜索引擎排名。
302 轉址(臨時轉址)
302 轉址用於暫時的內容遷移,當內容預期有恢復舊網址的可能,只是暫時移動到新位置時使用。與 301 轉址不同,302 不會將排名權重轉移給新頁面,因為搜索引擎預期該內容最後會回到原本網址。這種方法適用於臨時性內容更新或測試新頁面時,不希望影響原頁面的 SEO 表現。
303 轉址(查看其他)
303 轉址指示客戶端針對原始資源使用 GET 方法來獲取新的 URI ,適用於防止表單重複提交的情境,如支付交易後的頁面轉向。它確保用戶刷新或重新載入頁面時,不會重複提交表單。
307 轉址(臨時重定向)
307 轉址是 HTTP 1.1 中的臨時重定向,與 302 類似,但它保證客戶端方法不會改變(如 POST 不會變成 GET)。這種轉址通常用於保留提交方法的情境,確保數據提交的一致性。
308轉址(永久重定向)
308 轉址是一種較新的 HTTP 狀態碼,功能類似於 301,但它保證客戶端的請求方法不會改變。這是當需要進行永久轉址且不希望客戶端請求方法由 POST 變為 GET 時的理想選擇。
為什麼會需要轉址及何時會用到轉址?
轉址在網頁設計和網站維護中扮演著至關重要的角色,主要原因是它能夠處理和優化用戶及搜索引擎的訪問體驗。以下是需要使用轉址的常見情境:
網域更改
網站被遷移到新的網域,希望使用者可以被引導到新的頁面。
網站結構調整或移除頁面
當網站進行重大更新或重新結構化時,原有的網址可能不再有效或需要更新。使用轉址可以確保用戶和搜索引擎能夠從舊的網址順利轉移到新的網址,從而避免「無效連接」對網站訪問和 SEO 造成的負面影響。
合併網站或頁面
當使用者可以透過多個不同網址存取同一個頁面,此時可以從中選取一個偏好的網址做為標準網址,然後透過轉址將其他網址引導到標準網址。或是合併二個網站時,希望將淘汰網址和類似頁面,引導到正確網址。這種情況下,轉址能確保原有的網站流量和搜索引擎排名得到保留,並引導用戶到達正確的位置。
避免內容重複
對於有多個網址指向相同內容的情況,適當的轉址可以幫助避免內容重複的問題,提高 SEO 效率。透過標準網址,轉址幫助整合連結權重,加強特定頁面的權威性。
臨時內容或推廣活動
對於臨時推廣活動或特殊事件的專頁,活動結束後可利用轉址將使用者引導到主站或相關頁面,以利用活動期間累積的流量和關注度。
使用者體驗的提升
轉址可以解決用戶訪問過程中可能遇到的錯誤,例如「404 錯誤」(延伸閱讀:網頁設計中常見的錯誤代碼說明),通過轉址將使用者引導到正確或相關的頁面,增強網站的用戶友好性和滿意度。
通過這些策略性的轉址實施,網站管理者不僅能保護網站的 SEO 價值,還能提升使用者的瀏覽體驗,進一步提高網站的整體表現和效率。瞭解何時以及如何適當地使用轉址,是每位網頁設計師和網站管理者必須掌握的重要技能。
結論
選擇正確的轉址類型對網頁設計至關重要,不僅影響 SEO 結果,還直接影響用戶體驗。無論是永久轉移內容的 301 轉址還是臨時改變的 302 和 307 轉址,了解每種方法的具體適用情況可以幫助網頁設計師和網站管理者製作出更友善的網站。
參考資料
如果想進一步了解 Google 對於轉址的說明,可以參考以下 Google 官方文件