Site icon 盪鞦韆上班這檔事

【轉址方法】教你用HTML/Javascript/PHP自動重新導向

網頁自動轉址/重新導向/URL重定向方法

(2021/6/12更新)

網域名稱轉址(URL redirection 或 網址重新導向 或 URL重定向)

為何重新導向(301轉址)網頁?

移動網站至新網域目的

轉址方法

HTML 的轉址

在 HTML 網頁的 </head> 前加入以下 HMTL 碼,網頁就會自動轉址。

<meta http-equiv="refresh" content="0;url=https://tzuhsiang.com" />

其中 content=… 中的 0 是指 0 秒後自動重新整理,並轉址到 “https://tzuhsiang.com” 這個 URL。

Javascript 的轉址

在 HTML 網頁中原則上是任一地方加入以下 JavaScript 網頁就會轉址。但放在網頁 HTML 碼的開始較有效率(也較有意義)。

<script>document.location.href="https://tzuhsiang.com";</script>

PHP 的轉址

<?php
    header('Location: https://tzuhsiang.com');
    exit();
?>

以上3種個人偏好「Javascript的轉址」,只要把程式碼放在裡面的第一行,就可以馬上轉跳到新網頁。

轉址檢查

以下影片教你如何使用Google Chrome開發者工具檢查,確認有被301重新導向至新的網頁。

使用Google Chrome開發者工具檢查

轉址工具

如果你真的很懶得寫code,這裡還有一個「301重新導向代碼生成器」,只要輸入舊的網頁、要轉去的新網頁、重新導向的類型,最後按下”Generate Code”,就幫你產生代碼囉!

以上分享,希望對你有幫助。