HTML 重定向:它们是什么以及如何设置

HTML 重定向(也称为元重定向元刷新重定向)告诉访问者的 Web 浏览器将用户从一个网页发送到另一个网页。

HTML 重定向可以是即时的,也可以是延迟的。

即时重定向立即发生。延迟重定向会在特定秒数(由网站所有者设置)后发生。

它的工作原理如下:

  1. 用户通过元重定向登陆网页
  2. 重定向通过以下两种方式之一触发:
    1. 如果重定向是即时的,则当前页面的 HTML 加载后,用户就会被发送到新页面
    2. 如果重定向被延迟,则在 HTML 加载并经过设定的时间后,用户将被发送到新页面 
  3. 发生重定向,用户现在位于新页面上,可以继续他们的旅程
说明即时 HTML 重定向与延迟 HTML 重定向的图像

为什么使用 HTML 重定向

HTML 重定向可以很方便地实现,因为它们是在网页的 HTML 中设置的。您不需要访问服务器文件(例如 .htaccess 文件)即可实现这一功能。

当您在页面上进行维护并需要将用户重定向到临时页面时,它们会很有用。或者当您不再想使用某个页面并需要将用户永久发送到其他地方时。

其他类型的重定向(例如服务器端重定向)可能需要您访问服务器文件。这可能具有挑战性(尽管插件通常会使这变得更容易)。

尽管 HTML 重定向很方便,但有几个原因需要避免使用它们:

  1. 它们可能无法在较旧的浏览器上正常工作并导致糟糕的用户体验
  2. 由于旧页面的 HTML 需要在重定向发生之前加载,因此速度可能很慢并且会让用户感到沮丧
  3. 它们不会传递与其他类型的重定向一样多的链接资产(来自原始页面),这会影响您的搜索引擎优化
  4. 延迟的 HTML 重定向可能会给使用屏幕阅读器的人或无法快速阅读文本的人带来可访问性问题
  5. 由于您需要首页的 HTML,因此您无法永久删除要重定向的任何页面,并且必须保持它们正常运行。如果您想重新组织站点的结构,这并不理想。

如何在 HTML 中将一个页面重定向到另一个页面

要在 HTML 中添加重定向,请将以下代码粘贴到要重定向的页面的 <head> 部分(并替换 URL 值):

<meta http-equiv="refresh" content="3; URL=https://www.yoururl.com/newpage" />

在此代码中:

  • http-equiv=“refresh”告诉浏览器重定向页面
  • 内容=“3;告诉浏览器刷新页面之前要等待多少秒。在此示例中,为三秒。要使其成为即时重定向,请将其设置为“0”。
  • URL=“URL=https://www.yoururl.com/newpage”告诉浏览器将用户发送到哪个 URL

只要确保在即时重定向和延迟重定向之间进行选择时要小心即可。Google 将即时重定向解释为永久重定向(意味着您不打算再次使用重定向页面),将延迟重定向解释为临时重定向。

HTML 重定向最佳实践和示例

避免重定向到重定向页面

重定向到已经有重定向的页面称为重定向链。

想象一下,您登陆一个网站,到达该网站后不久,它会将您重定向到一个新页面。然后页面会将您重定向到一个新页面……

作者:terry,如若转载,请注明出处:https://www.web176.com/news/promotion/24725.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2023年7月24日
下一篇 2023年7月25日

相关推荐

发表回复

登录后才能评论