如何使用 HTML 锚点来改善 UX

Share, analyze, and explore game data with enthusiasts
Post Reply
arafatenzo245
Posts: 122
Joined: Thu Dec 05, 2024 8:44 am

如何使用 HTML 锚点来改善 UX

Post by arafatenzo245 »

锚标记(或“a”标记)通常在 HTML 代码中用于创建超链接。使用“href”属性修改的锚标记可创建可点击的链接,这些链接可通往网站的其他页面或其他网站。

您还可以使用锚标记来创建锚链接。锚链接(或“跳转”链接)连接或允许用户“跳转”到同一页面的其他部分。

当您使用“a”标签创建文本链接时,必须使用某种类型的锚文本。锚文本是链接的可点击部分。 Google 使用此文本来获取有关链接及其引用内容的信息。

锚链接对用户体验有用吗?
他们当然有助于改进它。它们用于 员工电话号码数据 浏览网页并负责浏览体验的质量。

锚链接也用在长页面和/或视觉密集页面的目录中。当读者登陆某个页面时,他们想立即知道该页面包含的信息是否有用或与他们的搜索相关。

目录中包含清晰、可点击的锚链接的部分总结了页面,并帮助读者立即“跳转”到他们最感兴趣的部分。

锚链接对 SEO 有用吗?
锚链接本身可能不会对您在 Google 上的排名产生重大影响,但它们有助于改善用户体验并获得特色片段,随着时间的推移,这些片段反过来会提高排名。

2021年,谷歌推出了Core Web Vitals算法的更新,强调将用户体验作为网站排名因素。更新的主要领域包括用户交互。这意味着谷歌更加关注用户如何与网页交互,包括他们停留的时间。

Image


如果用户无法立即理解页面的内容,他们可能会放弃该页面,从而增加跳出率。

几年前,谷歌观察到 网页上的跳转链接可能会成为 SERP 上的特色片段。发生这种情况时,用户会在片段中找到锚链接列表,这些链接表明该页面有用且与他们的搜索相关。 当您创建锚链接时,Google 也可能将它们包含在您页面的搜索片段中。在以下示例中,Google 在讨论反式脂肪酸的页面上包含指向“营养指南”的锚链接,以便用户可以从 SERP 直接跳转到该页面的该部分:

SERP 结果示例
信用:谷歌
因此,虽然您不会因为不使用锚链接而受到惩罚,但在需要时将它们包含在您的页面上可能是值得的。您可以使用它们告诉Google有关您页面内容的更多信息,并帮助读者找到并访问他们想要阅读的部分。
Post Reply