在大多数网页上,你都能看到锚点链接——它们能帮助读者快速了解页面结构,并一键跳转到想看的内容,同时也能让搜索引擎更好地理解页面信息。如果你想借助锚点链接提升网站表现,首先要弄清楚三件事:锚点链接有什么作用、如何创建,以及它们如何助力搜索引擎优化。
什么是锚点链接?
锚点链接又称跳转链接,是网页上带超链接的文字,它会链接到同一页面上的另一个位置。锚点链接属于内部链接,因为它让读者停留在同一个网站上。相比之下,外部链接会把访客引导到其他网站。
锚点链接通常出现在网页顶部或靠近顶部的位置。它们充当导航工具,帮助读者跳转到特定的内容板块。不过,你也可以用这类链接来制作浮动的“返回顶部”按钮。可以把锚点链接看作一种目录,用来整理和组织信息,从而提升用户体验。
对于博客、电子邮件简报以及其他长篇内容来说,锚点链接是十分实用的快捷方式,能让浏览变得更加轻松。
你可以在页面源代码中通过锚标签创建锚点链接。HTML中的锚标签写作<a>,用于标识锚元素;它通常与href属性搭配使用,并通过href=指定链接的目标位置。
锚点链接如何影响SEO?
如果运用得当,锚点链接能够为你的内容提供上下文和结构,从而帮助改善搜索引擎优化(SEO)。富含关键词的锚文本会告诉搜索引擎如何对你的内容进行分类,而内部链接则能厘清文字之间的层级关系和重要程度。此外,锚点链接还能把访客引导到与他们相关、能让他们持续停留在页面上的内容,从而降低跳出率。
Shopify的SEO策略师格雷格·伯恩哈特(Greg Bernhardt)表示:“链接的锚文本是向Google传递的重要上下文信号,用来说明所链接页面的主题,可以把它理解为一种主题背书——背书越有力、越清晰,SEO效果就越好。如果你的锚文本是“购买蓝色加拿大小部件”,就等于在告诉Google那个页面的内容是什么;而像“点击这里”这样含糊、缺乏描述的锚文本,既会让用户心里没底,也无法向Google传递任何主题信号。”
如何创建锚点链接?
许多网站软件和文本编辑器都自带相关工具,让你能轻松地在文字中插入锚点链接;不过,你也可以学会使用HTML锚标签代码,亲手创建锚点链接。你可以在与Shopify兼容的代码编辑器中进行这一操作,例如Visual Studio Code、Sublime Text或Atom。
1. 创建锚元素
在HTML编辑窗口中,找到你希望锚文本链接到的目标板块或元素。你需要为这个板块创建一个唯一的ID,以便轻松识别并链接到它。例如,你可以把目标板块标记为“part1”,然后在目标板块的开始标签中插入代码id="part1"。请注意,代码中必须使用英文直引号来界定锚ID。下面是一个简单的示例:
<html>
<body>
<h1 id="part1">Part One</h1>
<p>This is the content of part one.</p>
</body>
</html>
2. 创建锚点链接
接下来,你可以把第一步中创建的锚ID用在href属性(即超文本引用)里,从而把锚文本链接到目标元素。具体做法是使用代码a href="#part1"在页面上创建锚点链接。完成后,你的代码大致如下:
<html>
<body>
<a href="#part1">Go to Part One</a>
<h1 id="part1">Part One</h1>
<p>This is the content of Part 1.</p>
</body>
</html>
3. 测试你的锚点链接
点击HTML文件中的“保存”,然后在新的浏览器标签页中运行代码。此时,锚点链接应显示为一段带有超链接的文字,点击后即可跳转到设为锚元素的目标板块。
如何针对SEO优化锚点链接?
有策略地运用锚点链接,是提高你在搜索引擎结果页(SERP)上排名机会的好方法。以下是创建锚点链接时的一些最佳做法:
1. 使用相关关键词
搜索引擎会通过你的锚点链接文字来判断页面内容,并决定如何对你的网站进行分类。在锚点链接中使用关键词能够体现你的内容主题,有助于让你的网站在这些主题的搜索引擎结果页上获得更高排名。
2. 把链接放在页面的显眼位置
你的锚点链接应当易于访问、清晰可见,让网站访客能够迅速找到它们。这样一来,搜索引擎便会看到你的读者重视这些锚点链接,并将它们视为网站导航和内容的重要组成部分。
3. 有策略地组织页面结构
锚点链接能帮助搜索引擎更好地理解你网站的整体结构,因此你应当链接到与目标关键词最相关的特定板块。用锚点链接把用户引导到页面上最重要的信息,以及你认为最能解答读者疑问的文字。
4. 针对所有平台进行优化
检查锚点链接是否正常工作时,务必在读者可能使用的各种设备(如手机、平板和电脑)和多种浏览器(如Firefox或GoogleChrome)上进行测试,包括手机浏览器和电子阅读器。如果某个平台上链接失效或代码不兼容,你可能会因此流失读者,SEO排名也会受到影响。
锚点链接常见问题
锚点链接和跳转链接有什么区别?
“锚点链接”和“跳转链接”这两个词可以互换使用,其中“跳转链接”一般被视为“锚点链接”较为随意的另一种叫法。
锚点链接可以用在图片和视频上吗?
可以,你能够用图片或视频来创建锚点链接。方法与文字相同,只需在图片或视频的段落标签或标题标签内加上id="anchor"代码,将其设为锚元素即可。
该如何测试锚点链接是否正常工作?
要测试锚点链接,请在浏览器标签页或手机浏览器窗口中打开你的代码,逐一点击每个锚点,确认它们都能正确跳转到当前页面上的目标位置。
锚点链接会影响页面加载速度吗?
不会,锚点链接不会影响网站的加载速度,因为它们不需要额外获取数据或发出服务器请求。
使用锚点链接时需要考虑无障碍访问吗?
需要。在创建锚点链接时,无障碍访问是一项重要考量,它能为各类读者带来最佳的用户体验。始终使用与所链接内容相关、清晰且具有描述性的锚文本,让读者能够高效地浏览你的页面。同样重要的是,要在所有类型的平台上测试你的链接,包括各种网页浏览器、移动设备和屏幕阅读器。

