跳至主要內容

[html] 網頁轉向(Redirect)的HTML語法

[WEB][PHP][SEO] 轉導、轉向(Redirect)網址的方法
在將網站更換成新網址的情況下,可能會在舊網址上使用到一些『轉導網址』的方法,以便將原本的使用者及其流量引導到新的網址去。
以下整理、討論到幾種轉導(Redirect)網址的技術方法,並且探討該方法對 SEO 的影響:
1. 使用 HTTP 通訊協定 301 Moved Permanently 來完成轉導網址 (永久轉址)
(建議使用,不會對 SEO 有不良影響)
o PHP 程式範例:

The document has moved here.

註1:
使用者的瀏覽器必須根據 HTTP header 的 Location 欄位值(稱做URI)來轉導網址。
註2:
除非 Request Method 是 HEAD,不然伺服器端回覆的訊息內必須包含一短的新網址的連結(hyperlink)資訊。
o ASP 程式範例:
<%@ Language=VBScript %>
<% Response.Status=”301 Moved Permanently” Response.AddHeader “Location”, ” http://www.new-url.com/” Response.End %>

The document has moved here.

o ASP.NET 程式範例:

The document has moved here.

o 在 .htaccess / httpd.conf 檔案中設定 — 轉整個 domain
Options +FollowSymLinks
RewriteEngine on
RewriteRule ^(.*) http://www.new-domain.com/$1 [R=301,L]
o 在 .htaccess / httpd.conf 檔案中設定 — 轉到新的 www.
Options +FollowSymlinks
RewriteEngine on
RewriteCond %{http_host} ^old-domain.com [NC]
RewriteRule ^(.*)$ http://www.new-domain.com/$1 [R=301,NC]
2. 使用 HTTP/1.1 通訊協定 302 Found 來完成轉導網址
(不建議使用,會對新網站 SEO 有不良影響)
o PHP 程式範例:

The document has moved here.

(…其他 ASP, ASP.NET 程式及設定 .htaccess/httpd.conf 方法,此處略 …)
註1: 302,
在 HTTP/1.0 是『Moved Temporarily』;HTTP/1.1 是『Found』,會根據 HTTP header 的 Location 欄位值(稱做URI)來轉導網址。但是很多網路上的文章會直接稱 302 是 Moved Temporatily。
註2:
除非 Request Method 是 HEAD,不然伺服器端回覆的訊息內必須包含一短的新網址的連結(hyperlink)資訊。
註3:
HTTP 1.1 中增訂了 『307 Temporary Redirect』,307 碼時只會根據 GET Request 轉導網址。
註4:
更多的 HTTP 302 細節和 307 會被再增訂出來的原因請參考這裡。
3. HTML 的 refresh meta tag 來轉導網址
(非常不建議使用,會對新網站 SEO 有不良影響。有些文章寫說要用時最好秒數設定大於 10 秒以避免對頁面的 SEO 不利。)
o 在 HTML 檔案的 HEAD 中,範例:




4. 用 JavaScript 來達到轉導網址 (放在 HTML 的 … 或 … 中
(因為搜尋引擎的 bot 一般都不理會 JavaScript,所以做什麼動作不會被檢查。這意味著要實做『點擊計算(click counting)後再轉導到目的網址的話,用這個方法比較好(302 或 refresh 都是不好的方法)』)
(如果使用者按瀏覽器的『上一頁』按鈕,不會跳回轉導頁面。)
o 直接在 HTML 的 HEAD 中用轉導網址 JavaScript 範例:





o JavaScript 內容同上例,但是把它放到外部的一個 .js 檔案,然後 … 中只要寫:




o 也是使用 JavaScript,但是額外透過『表單』來完成:
(因為搜尋引擎的 bot 一般都不理會『表單』,所以做什麼動作不會被檢查。)

reference: http://mynotes.org/tech/2011/10/06/5352.htm

分類:html
由 Compete Themes 設計的 Author 佈景主題