301 302重定向怎麼做?4種301 302 網頁轉址教學!
Welly SEO 編輯部
2023-12-27更新
# SEO優化
# 技術SEO
重定向(轉址)是什麼?301重定向和302重定向有什麼不同?本文將教學301 302轉址,並介紹Redirect網頁常見語法,包含.htaccess教學等,以及11個轉址服務工具與2種免費轉址檢查工具!
快速跳轉目錄
- 重定向(轉址)是什麼?重定向4大目的分享!
- 301 302轉址|SEOer都必須知道的301 302轉址差異!
- 常見HTTP狀態碼介紹:為什麼叫301或302轉址?
- 如何轉址?網頁轉址教學、常見語法看這邊!
- 11個轉址服務工具推薦|WordPress轉址、Wix轉址工具等
- (一)2大Wordpress轉址工具:Redirection、Simple 301 Redirects
- (二)Wix轉址執行教學步驟分享
- (三)Google轉址服務介紹-Google Domains
- (四)Cloudflare 301重定向教學
- (五)免費轉址服務:轉址語法產生器、縮短網址工具推薦
- 2大轉址檢查工具:SEO Redirect Checker、Redirect Checker
重定向(轉址)是什麼 ?重定向4大目的分享!
如果你的網站想要換新,那舊網站的好內容該怎麼辦呢?難道就只能報廢了嗎?
千萬不要放棄了原先好的內容,本篇文章將教你利用「重定向」解決網站轉移的問題,以下先讓我們來重新認識重定向(轉址)是什麼和目的!
本篇內容也有撰寫成英文版本,歡迎參考:What is URL Redirection? How to Redirect a Website URL?
(一)何謂重定向?轉址意思揭秘!
重定向包含域名重定向、子網域轉址等,且其有許多別稱,像是自動跳轉、網頁轉址、重新導向等,廣義上都可以理解為同一件事。
重定向的意思就是,把舊的A網址重新導向B網址,因此英文稱為URL Redirection。
📌網站轉址舉例
- 舊網址:http://www.example.com/blog
- 新網址:https://example.com/blog
像是想要將上述的舊網址重新導到新網址,就必須倚靠重定向的的技術,讓網址自動跳轉。
📌網路專有名詞解析
- 網域名稱(Domain Name):通常一個網站只會有一個網域,主要用途是方便給人類辨別,例如example.com,簡稱為域名。
- 網址(URL):1個網域(Domain Name)下可以有無數個網址,而URL全名為Uniform Resource Locator,組成包含HTTP網路協定、網域、資料夾、檔案名稱、頁面名稱等,例如https://www.example.com/blog1、https://www.example.com/blog2。
- IP地址(IP Address):IP地址是電腦記憶位置的方式,就像是網站的家裡門牌地址,通常是一串數字,如111.222.333.444。
- DNS伺服器(Domain Name Server):中文稱為網域名稱系統,屬於一種電腦服務,協助在電腦與人類語言中進行統整,專門把複雜的IP轉址成好記憶的網域名稱。
(二)重定向4大目的分享
1️⃣縮短網址
常見的縮短網址也是重定向的一種,是在營銷上對外傳播或是加上追蹤碼UTM的好工具!
在數碼營銷上,我們時常要放連結或是在連結上加入追蹤碼,目的是希望讓受眾點擊的同時又滿足閱讀體驗,就會進行縮短網址,讓文案與網站畫面不要被網址塞滿。
以下利用reurl.cc工具進行縮短網址的示範:
- 原網址:https://welly.hk/serp-rank-optimization/google-search-console
- 縮網址:https://reurl.cc/RvAmle
2️⃣更正網址
當你發現你的網址太常讓使用者打錯,例如welly.hk總被打成wally.hk,如果擔心長期流量流失,則可以透過重定向將錯誤的網址也導向正確的網址。
3️⃣轉移網站
當你的網站需要維修、改版或者換到新網域,其實消費者、訪客未必知道,因此為了防止因為網站轉移的流量流失,可以透過重定向將舊網域直接導向新網域。
此外,如果你的網站正處於改版階段,勢必會想透過A/B測試知道A版網站和B版網站哪個市場反應較好,這時候重定向就能派上用場。
藉由轉址可以讓使用者點擊網址後,自動分流至A和B版網站。
- A/B測試網址:https://www.example.com/A、https://www.example.com/B 有2種測試網頁。
- 正確網址:當使用者點擊https://www.example.com後,便可以透過重定向將使用者導到A或B網頁,適合使用在測試活動頁面 上。
✨如果想要了解詳細的AB Test,建議你閱讀此篇文章:A/B Test是什麼?AB Test流程7步驟與5大AB測試工具分享
4️⃣網址更名或異動
多數企業在起初架設網站時,都會先使用較簡單的網址名稱進行分類,當品牌越做越成功之後,官網的架構也會逐漸壯大,這時就有可能面臨網站架構的異動,進而必須修改網址。
這時候就必須使用轉址的技術協助,例如:
- 舊網址:https://www.example/content
- 新網址:https://www.example/category/content
301 302轉址|SEOer都必須知道的301 302轉址差異!
首先,我們可以先從最重要的301轉址和302轉址介紹起,對於操作SEO的營銷人員來說,301 302轉址是必備的知識。
究竟什麼301 302重定向呢?兩者的差異為何呢?和308轉址、307轉址的差異在哪?
(一)301轉址 vs 302轉址
📍301轉址(永久轉址)
301轉址又稱為永久轉址,顧名思義,就是網址將永久從A網址搬到B網址,而當使用301轉址之後,使用者的瀏覽器上將顯示新網址B。
同時,使用301轉址的效果不僅限於導向新網站,還可以將大部分的 網站流量、權重和排名 一併轉移到新網站,有助於讓搜尋引擎明確知道舊網站已不適用,避免重複內容出現,提高SEO效果,是Google較傾向的轉址方式。
然而務必注意如果使用301轉址將網站搬家,網站的內容一定要具有高度相關性,以免讓搜尋引擎誤認為黑帽SEO,進而對SEO排名造成負面影響!
✨如果想要清楚了解影響SEO排名的因素,建議閱讀此篇文章:SEO是什麼?SEO教學全攻略:On Page SEO、Off Page SEO
📍302轉址(暫時轉址)
302轉址又俗稱為暫時轉址,也就是只是暫時將A網址導向臨時的B網址。
因為302轉址只是暫時性的方式,所以轉址後的排名和權重不會隨之轉移,只會轉移流量。
此外,需注意以下2點:
- 搜索引擎誤判為301轉址:因搜尋引擎數據庫仍保留新、舊2個網站內容,因此不建議長時間使用302轉址,以免造成搜尋引擎將302誤判為301轉址,進而使得2個網站的排名皆下降。
- 使用者瀏覽器上顯示的仍是舊網址:使用302轉址後,使用者的瀏覽器上仍會顯示舊的網址,因此適合用於A/B Test。
📍301轉址 vs 302轉址【比較表】
以下將301轉址和302轉址用表格的方式進行比較:
301轉址 | 302轉址 | |
---|---|---|
定義 | 網址將永久從A網址搬到B網址 | 暫時將A網址導向臨時的B網址 |
別稱 | 永久轉址 | 暫時轉址 |
使用情況 |
(二)補充:遮罩轉址、307轉址、308轉址
📍遮罩轉址(Masked forwarding)
遮罩轉址的別稱有隱性跳轉、掩蔽轉址、遮蔽轉址,主要的用途是將實際的網域在瀏覽時隱藏,換言之,就是只顯示使用者輸入的網址。
舉例來說:
- 使用者輸入:https://www.example.com
- 使用遮罩轉址:將使用者導向另一個網域https://www.goodlife.com的網頁
- 使用者瀏覽器顯示的網址覽:一樣是顯示https://www.example.com
而使用遮罩轉址的常見情況如下:
- 想要簡化或縮短網址
- 重新命名網址
- 使用免費網站服務,想要讓網址看起來更專業
然而Welly SEO並不建議使用遮罩轉址,原因主要和用戶體驗有關,以下列出使用遮罩轉址可能造成的SEO影響:
- 行動裝置的顯示不正常:使用遮罩轉址後,網站容易可能出現無法調整大小的問題,讓手機或其他行動裝置的頁面不協調。
- 影響SEO排名:使用遮罩轉址可能讓原先網站設定的SEO標題、前言、圖片等重要資訊,在搜尋引擎無法辨識,並出現索引錯誤,進而損害網站的SEO排名。
📍307轉址(Temporary Redirect)& 308轉址(Permanent Redirect)
307轉址的作用與302轉址相同,而308轉址的作用則與301轉址相同,那307、308轉址到底和301、302轉址的差異為何。
他們最大的差異在於307、308轉址在轉址時會保持HTTP請求中原始的方法(HTTP method)和HTTP body,不讓使用者進行更改,因此本質上307和308轉址是更嚴格的轉址方式。
常見HTTP狀態碼介紹:為什麼叫301或302轉址?
了解完常見的301和302轉址後,你可能會好奇究竟「301」這個命名是怎麼來的?
那個數字其實是HTTP狀態碼,主要用於我們到訪網站時,瀏覽器與該網站的運作模式:
- 到訪網站後,瀏覽器向網站所屬的伺服器發送請求。
- 伺服器給予3碼的HTTP狀態碼回應瀏覽器請求,告知瀏覽器網站的狀態。
HTTP狀態碼 | 回應定義 |
---|---|
200 OK | 成功 |
301(308)Moved Permanently | 網站永久轉移至新網站 |
302(307)Found | 暫時導向新網站 |
404 Not Found | 失敗,找不到資源 |
503 Service Unavailable | 伺服器維護或過載,暫時無法處理請求 |
504 Gateway Timeout | 伺服器沒有回應或回應時間過長 |
如何轉址?網頁轉址教學、常見語法看這邊!
了解重定向和各式的HTTP狀態碼後,如果想要執行轉址設定該怎麼做呢?
以下將透過不同語法教你301轉址教學和302轉址教學。
(一)HTML轉址語法
在HTML網頁的Head tag< head >< /head >裡加 入以下的語法,即可完成自動重定向:
<meta http-equiv="refresh" content="0; url=http://example.com/" />
📌HTML轉址語法解釋:
- 「Content="0」:代表經過0秒以後刷新跳轉。
- 「url=http://example.com/」:請將此段網址換成想要重定向的新網址。
(二)Javascript轉址語法
理論上,Javascript的轉址語法不管放在HTML網頁的哪裡都可以成功重定向,但Google官方還是建議放在Head tag裡或開頭較好。
<script>document.location.href="https://tzuhsiang.com";</script>
📌Javascript轉址語法解釋:
- 「href="https://tzuhsiang.com";」:請將此段網址換成想要重定向的新網址。
(三)PHP轉址語法
透過PHP語法設定除定向,必須使用Header() 函式。
<?php
header('HTTP/1.1 301 Moved Permanently');
header('Location: http://www.example.com/newurl');
exit();
📌PHP轉址語法解釋:
- 「header('HTTP/1.1 301 Moved Permanently')」:可以自由設定要301還是302轉址,填上301 Moved Permanently或302 Found即可。
- 「header('Location: http://www.example.com/newurl')」:請將此段網址換成想要重定向的新網址。
(四).htaccess
.htaccess 是一種在Apache網頁伺服器上使用的配置檔案,它允許在特定目 錄中進行設定,主要用來控制伺服器的行為和設置網站的規則。
而.htaccess名稱中的「.」代表它是一個隱藏檔案,常用於Web伺服器的根目錄或特定目錄中;此外,.htaccess檔案中的設定會優先於主伺服器設定,因此它可以用來自訂特定目錄的配置,包括以下6個功能:
- 重定向網址:將特定網址重定向到其他網址。
- URL 重寫:修改網址的顯示形式或重新導向到內部處理的腳本。
- 權限控制:限制特定目錄的存取權限,例如需要密碼登入的目錄。
- MIME類型:指定檔案的MIME類型。
- 禁止訪問:阻止特定 IP 或使用者訪問目錄或檔案。
- 壓縮:設定檔案壓縮方式,以加快頁面載入速度。
(五)常見轉址錯誤-轉址式404錯誤
轉址式404錯誤是指網址所傳回的頁面告知使用者該網頁不存在(404),但同時又傳回成功(200 )。
該錯誤將導致搜尋引擎持續嘗試檢索這個不存在的網址,無法將時間花在檢索其他實際存在的網頁,浪費Google檢索預算。
📍【導致轉址式404錯誤的可能原因&解決方法】
- 錯誤頁面未設定404狀態碼:設定回傳404(Not Found)或 410(Gone)等回應狀態碼。
- 頁面內容過少甚至沒有內容:針對頁面補充相關內容並透過相關的主題頁面增加內部連結連至該頁面。
- 重複內容比例太高:當頁面具有大量重複性內容時,可能被判斷是轉址式404,因此建議找出幾乎相同的頁面進行內容調整。
- 不相關頁面進行301/302重定向:建議將這些頁面設置正確的301轉址,確保網址狀態碼與實際狀況保持一致 。
11個轉址服務工具推薦|WordPress轉址、Wix轉址工具等
(一)2大Wordpress轉址工具:Redirection、Simple 301 Redirects
Wordpress有許多外掛程式非常方便,只要簡單按幾個鍵,就可以快速執行許多功能,其中也包含重定向(轉址),以下就簡單介紹一下WP轉址的外掛插件Redirection和Simple 301 Redirects操作步驟:
📍Redirection
- STEP1:從WP後台左側清單的「工具」找到Redirection
- STEP2:點擊「重新導向」
- STEP3:在設定欄位中,在「來源網址」填入舊網址,「目標網址」填入新網址
📍Simple 301 Redirects
- STEP1:點擊後台左側清單的「工具」找到Simple 301 Redirects
- STEP2:在設定欄位中,在左方Request欄位填入舊網址,右方Destination欄位填入新網址
- STEP3:點選Save Changes即完成重定向
(二)Wix轉址執行教學步驟分享
如果想要使用Wix的轉址功能,必須購買Wix的進階方案,以下是Wix重定向的操作步驟:
- STEP1:進到「站點管理器」
- STEP2:點擊左側工具欄的「SEO」並下拉至「管理301重定向」
- STEP3:在原連結下方輸入想要在網域名稱顯示的文字
- STEP4:點擊「頁面」下方的下拉式選單,選擇要重定向的頁面並點擊「添加」
- STEP5:最後點擊右上方的「發布」
(三)Google轉址服務介紹-Google Domains
Google Domains是由Google官方經營的域名註冊商,如果想要將網域轉移至Google Domains,以下參考官方資料整理了詳細的步驟:
- STEP1:打開Google Domains
- STEP2:依序點擊網域名稱→3橫線圖示「選單」→「網站」
- STEP3:點擊「轉址至現有網頁」下方的「轉址網域」
- STEP4:點擊「轉址來源」下方的「編輯」
- STEP5:輸入你要轉址的網域或子網域,以及轉址目的地的網址或IP地址
- STEP6:最後點擊「轉址」,並確認是否轉址成功即可
以上內容參考Google官方說明:將Google網域轉址至網址或IP位址
(四)Cloudflare 301重定向教學
在香港,有許多人士使用Cloudflare提供的DNS服務,以下將帶你了解Cloudflare 301重定向該如何設置:
- STEP1:在進行Cloudflare重定向之前,必須先確認舊網址的DNS是在Cloudflare下
- STEP2:在DNS中,將網域名稱的指向改成「8.8.8.8」,並開啟CDN
- STEP3:到「頁面規則」裡,點擊「創建頁面規則」,於第一欄填上舊網址,在「選取設置」選擇「轉發URL」,點選HTTP狀態碼「301- 永久重定向」
- STEP4:在「輸入目標URL」中,輸入想要導向的新網址
- STEP5:輸入你要轉址的網域或子網域,以及轉址目的地的網址或IP地址
- STEP6:最後點擊「保存」,並確認是否轉址成功即可
(五)免費轉址服務:轉址語法產生器、縮短網址工具推薦
📍重定向語法產生器-301 Redirect Code Generator
對於程式語法一竅不通的人,有了301 Redirect Code Generator的幫助,能夠有效提升效率,操作方式只要簡單輸入舊網址和新網址後,並選擇你要轉址的類型,像是301轉址、302轉址等,即可輸出301轉址的語法。
📍縮短網址工具
語系 | 免費功能 | 付費功能 | |
---|---|---|---|
Bit.ly | 英文 | ||
Picsee.io | 中文 | ||
lihi.io | 中文 | ||
reurl.cc | 中文 | ||
PPT.cc | 中文 | 可設定密碼 產出QRcode | 無付費功能 |
2大轉址檢查工具:SEO Redirect Checker、Redirect Checker
當重定向設定完成後,最後也是最重要的步驟就是轉址檢查,如果你辛苦設置完301或302轉址,過了好一陣子才發現設置失敗,除了做白工之外,也會影響流量等網站問題,因此務必設定完重定向要馬上檢查。
以下介紹2個轉址檢查工具:
- SEO Redirect checker:無需註冊,簡單輸入網址即可檢查轉址成功與否。
- Redirect Checker:無需註冊,輸入網址就能檢查轉址成功與否,並且會提供更多跑程式的背景資訊。
此外,除了藉由以上介紹的轉址檢查免費工具來確認,也可以透過Google Search Console後台檢查狀態碼!
網站轉址是SEO優化中的重要一環,其攸關著避免頁面重複、提高網站流量和分散權重等議題,因此在使用中要確保轉址的方式是否適當,以免對網站SEO效果造成負面影響。
以上就是重定向(轉址)的介紹,如果您想要了解更多SEO資訊,或者想要獲取免費的SEO網站檢測,都可以透過下方黃色按鈕與Welly團隊聯繫!