如果您經常更新您的企業網站,您可能熟悉重定向。重定向本質上是告訴用戶的瀏覽器:“嘿,您要查找的內容不在這個URL上。不過別擔心,成都小程序設計會帶你去正確的地方。”
雖然最好盡可能避免重定向,但大多數網站所有者通常在某些時候需要這樣做,無論是重新定位頁面、重新排列網站結構、移動域還是將URL從HTTP更新為HTTPs。正確的重定向可確保訪問者和搜索引擎都不會遇到死胡同404頁面,這會一擊損害您的用戶體驗和SEO排名。
無論重定向的原因是什么,都有幾種方法可以解決。在這篇文章中,您將學習一種常見的方法,即HTML重定向。我們將討論HTML重定向是什么以及如何將它們添加到您的網站,即使您對HTML沒有深入的了解。我們還將研究一些替代方法以提高可訪問性。讓我們開始吧。
HTML重定向(有時也稱為元刷新或元重定向)是一種在HTML源代碼中將一個HTML頁面重定向到另一個HTML頁面的方法。HTML重定向包括文檔的部分中的指令,這些指令告訴Web瀏覽器自動刷新不同的頁面,并在刷新發生之前有一個可選的時間延遲。
HTML重定向是重定向URL的最簡單方法。它們只需要對舊的HTML頁面的源代碼進行少量修改,并且可以輕松快速地制作。HTML重定向會將人類用戶和搜索引擎發送到您希望他們看到的頁面。
此外,HTML重定向允許您設置用戶或搜索引擎機器人發送到新頁面之前的延遲時間(以秒為單位)。如果您想在重定向發生之前顯示簡短消息,則此延遲會派上用場。
要將一個HTML頁面重定向到另一頁面,您需要在舊HTML頁面的部分中添加
標記。HTML文檔的部分包含對瀏覽器有用但對查看頁面的用戶不可見的元數據。
在HTML重定向中,標記包含兩個屬性:http-equiv和content。http-equiv的值始終是刷新——這告訴瀏覽器您想要自動刷新頁面。
delay_time是一個數值,用于設置瀏覽器加載新網頁之前的延遲。例如,值3將使瀏覽器在重定向之前在舊頁面上等待三秒鐘。
new_website_url是您要重定向到的網頁的URL。
請務必將這兩個內容值放在一對雙引號內,并用分號分隔。否則,重定向將不起作用。
如果您想立即將用戶發送到新網頁,只需將延遲時間設置為0即可。但是,在某些情況下,您可能希望在重定向之前設置延遲。最常見的原因是通知用戶當前頁面不再存在并且他們將很快被重定向。此消息通常包含一個鏈接,如果用戶未在設定的時間內重定向,則將其發送到新頁面。
如果訪問者使用較舊的Web瀏覽器,則也可能無法正確讀取
標記,并且不會發生重定向。如果發生這種情況,設置延遲允許用戶單擊舊頁面上的超鏈接并被發送到新頁面。
雖然HTML重定向是實現重定向的最簡單方法,但它們也存在可訪問性問題。某些較舊的瀏覽器無法正確呈現標記,這會導致舊頁面在新頁面加載之前在屏幕上閃爍(即使您設置的延遲長于0),或者頁面根本不刷新。
如果您預見這對許多用戶來說是一個問題,您可以將延遲時間設置為0,并且在瀏覽器不會自動加載新頁面的情況下,在部分中包含指向新頁面的錨鏈接,如下所示上面的例子。
為了避免這些問題,請考慮在您的網站上使用另一種重定向方法。目前最常見的重定向方法是HTTP重定向。HTTP重定向在托管網站的服務器上配置,可以是301(永久)重定向或302(臨時)重定向。
請參閱我們的設置301重定向指南以獲取更多幫助-您的流程將取決于您用于支持網站的具體技術。例如,如果您運行WordPress網站,那么最好的選擇是使用WordPress重定向插件,它將為您處理后端事務,并允許您從儀表板管理和跟蹤網站上的所有重定向。
JavaScript重定向是另一種常見的替代方案,盡管這需要一些JavaScript編程知識,并且可能需要更多的反復試驗才能正確。要了解有關JavaScript重定向的更多信息,您可以參考這個初學者教程。
HTML重定向:將用戶引導至正確的位置。
當您需要快速將用戶從一個頁面引導到另一個頁面時,HTML重定向會派上用場,并且對于任何網站所有者來說都是一個很好的工具。
但是,您可能不應該每次都選擇這種重定向。對于所有用戶來說,實施標準HTTP301(永久)重定向通常會更好。如有疑問,請聯系成都小程序設計技術支持團隊,了解對您的用戶和SEO最有利的意見。