您的位置 首页 外贸建站

什么是HTML重定向?它的作用是什么?

什么是HTML重定向?它的作用是什么?

HTML重定向也称为元重定向或元刷新重定向,它告诉访问者的网络浏览器将用户从一个网页发送到另一个网页。HTML 重定向可以是即时的,也可以是延迟的。即时重定向立即发生。 延迟重定向会在特定秒数(由网站所有者设置)后发生。它的工作原理如下:

用户通过元重定向登陆网页

重定向通过以下两种方式之一触发:

1. 如果重定向是即时的,则当前页面的 HTML 加载后,用户就会被发送到新页面

2. 如果重定向被延迟,则在 HTML 加载并经过设定的时间后,用户将被发送到新页面

发生重定向,用户现在位于新页面上,可以继续他们的旅程

为什么使用 HTML 重定向

HTML 重定向可以很方便地实现,因为它们是在网页的 HTML 中设置的。 您不需要访问服务器文件(例如 .htaccess 文件)来实现它。当您在页面上进行维护并需要将用户重定向到临时页面时,它们会很有用。 或者当您不再想使用某个页面并需要将用户永久发送到其他地方时。其他类型的重定向(例如服务器端重定向)可能需要您访问服务器文件。 这可能具有挑战性(尽管插件通常会使这变得更容易)。尽管 HTML 重定向很方便,但有几个原因需要避免使用它们:

它们可能无法在较旧的浏览器上正常工作并导致糟糕的用户体验

由于旧页面的 HTML 需要在重定向发生之前加载,因此速度可能很慢并且会让用户感到沮丧

它们不会像其他类型的重定向那样传递尽可能多的链接资产(来自原始页面),这可能会影响您的搜索引擎优化

延迟的 HTML 重定向可能会给使用屏幕阅读器的用户或无法快速阅读文本的用户带来可访问性问题

由于您需要首页的 HTML,因此您无法永久删除要重定向的任何页面,而必须保持它们正常运行。 如果您想重新组织网站的结构,这并不理想。

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

要在 HTML 中添加重定向,请将以下代码粘贴到要重定向的页面的

部分(并替换 URL 值):

在此代码中:

http-equiv=“refresh”告诉浏览器重定向页面

content=“3; 告诉浏览器刷新页面之前要等待多少秒。 在此示例中,为三秒。 要使其成为即时重定向,请将其设置为“0”。

URL=“URL=https://www.yoururl.com/newpage”告诉浏览器将用户引导至哪个网址

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

HTML 重定向最佳实践和示例

1. 避免重定向到重定向页面

重定向到已经有重定向的页面称为重定向链。想象一下,您登陆一个网站,到达该网站后不久,它会将您重定向到一个新页面。 然后该页面会将您重定向到新页面,听起来令人沮丧,对吧?这不仅让用户感到烦恼,而且也不利于您的搜索引擎优化。通过将流量发送到未配置任何重定向的页面,您可以轻松避免重定向链,并让用户满意。

2. 重定向到相关页面

如果可能,将用户引导至相关页面,以减少他们完全离开您网站的机会。用户登陆您的页面是因为他们有需求。也许他们想更多地了解您的业务、与您联系或进行购买。尝试确定该需求并将用户重定向到类似的页面。例如,假设您销售鞋子并有一个紫色运动鞋的产品页面。 有一天,您的紫色运动鞋卖完了,需要暂时将交通引导到其他地方。哪个产品页面更有意义:另一个运动鞋页面还是高跟鞋页面? 可能是运动鞋页面。通过将流量发送到相关页面,您可以在用户所在的位置与他们会面,以便他们可以继续他们的旅程。

3. 告诉用户为什么要重定向他们

当您在 HTML 中设置重定向时,您的 HTML 需要在重定向发生之前加载。即使您设置了即时重定向,如果用户的互联网速度很慢,他们仍然可以在重定向之前看到初始页面的一部分。

不要向他们显示空白页面,而是添加简介,以便他们知道您为什么要重定向他们。只要确保页面上包含的副本简短且易于阅读即可。 目标是 20 个字或更少。 这样,用户可以在重定向发生之前快速了解重定向情况。

4. 包含新页面的链接

较旧的浏览器可能不支持 HTML 重定向,这意味着如果有人登陆您的页面,他们将不会被重定向到新页面。无论您的重定向是延迟的还是即时的,都应包含指向新页面的链接,以便用户在重定向不起作用时可以单击继续。这样,您无需担心失去任何流量,并可以确保访客最终到达正确的位置。

5. 确保延迟重定向的时间正确

确保您的重定向不会太长或太短。 通常五秒钟就足够了。如果延迟重定向花费的时间太长,您将面临用户跳出的风险,而这些用户可能永远不会再次访问您的网站。如果用户必须阅读消息,但重定向太短,他们可能会感到同样沮丧。测试您的延迟重定向以确保它不会太长或太短。

HTML 重定向的更好替代方案

301 和 302 重定向比 HTML 重定向更快,不太可能损害您的 SEO,并且对网站用户体验的影响较小。以下是使用每一项的时机:

1. 301 重定向

301 重定向是永久重定向,它告诉搜索引擎您已将内容移至新网址。当您执行以下操作时使用这些:

想要将用户从 HTTP 定向到 HTTPS

将两个页面合并在一起

删除页面并用其他内容替换

通过 301 重定向,您可以告诉搜索引擎旧页面不再存在。这样,您就可以将大部分链接资产从旧页面传递到新页面。 搜索引擎知道在搜索结果中用新链接更新旧链接。

2. 302 重定向

302 重定向是临时重定向。如果您需要在一段时间内重定向用户,它们会很有用。 就像当您需要执行页面更新或想要运行 A/B 测试时一样。例如,您可以对着陆页实施 302 重定向,以测试哪个号召性用语副本会带来更多转化。但是,由于 302 重定向只是暂时的,搜索引擎可能不会使用新链接更新搜索结果,这意味着您需要跟踪 302 重定向并在不再需要时将其删除。

如何审核您的重定向?

如果您的网站有重定向,您将需要一种轻松的方式来审核它们并确保它们按预期工作。您可以保留电子表格,但电子表格管理起来可能很繁琐。另外,如果您忘记向工作表添加重定向,您可能会忘记它(并且在需要时忘记将其删除)。

免责声明:本站不对文章内容负责,仅供读者参考,版权归原作者所有。如有影响到您的合法权益(内容、图片等),请联系本站删除。

相关阅读