Sitemap

Google SEO 101:链接和 JavaScript 的注意事项

Google 在新的 Lightning Talks 系列的第一集中解释了如何确保链接与 JavaScript 正常工作。

Google Lightning Talks 是演示文稿的简短版本,可能已在世界各地的 Google 网站管理员会议上共享。

鉴于在可预见的未来将取消面对面的活动,谷歌正在调整其网络会议内容。

Google Lightning Talks 系列中的视频计划全年发布。

Google 的 Martin Splitt 谈链接和 JavaScript

Splitt 将 Lightning Talks 的第一部分专门用于讨论“每个人最喜欢的”主题:链接。

更具体地说——JavaScript Web 应用程序中的链接。

Splitt 回顾了链接对用户和搜索引擎爬虫的重要作用。

他还列出了将链接与 JavaScript 功能结合起来的注意事项。

链接对人类和机器人很重要

链接的明显目的是让用户在内容之间导航。

但网站所有者也必须注意链接对机器人和搜索引擎的作用。

首先也是最重要的——链接允许爬虫找到网站的其他页面。

爬虫通过跟踪从一个页面到另一个页面的链接来发现和索引网站的其他页面。

通过跟踪链接,爬虫可以了解站点结构和信息架构。

这有助于了解哪些页面可能与给定主题相关。

相关:面向 SEO 的现代 JavaScript 的实践介绍

使用 JavaScript 创建链接——注意事项

创建链接并不像您想象的那么简单,Martin Splitt 警告说。

在将 JavaScript 功能添加到链接时尤其如此。

JavaScript 允许网站以不同的方式自定义链接,但这样做可能会使链接对爬虫无法使用。

这是斯普利特的建议。

做:保持直截了当

在网站上放置链接最直接的方法是使用 ahref 标签。

使用 JavaScript 功能升级标准链接也可以,只要仍然满足某些条件。

直接链接的示例

不要:省略 ahref 属性

向链接添加 JavaScript 功能时,您可能会考虑省略 ahref 属性

“这不是个好主意,”斯普利特说。

这样做的原因是,只有当 JavaScript 正常工作时,链接才会起作用。

如果没有 ahref 属性,爬虫将无法确定链接的位置,因为爬虫不运行 JavaScript。

不要:使用伪 URL

添加没有有用 URL 或“伪 URL”的 ahref 属性也无济于事,如下例所示:

结果与没有 ahref 属性的链接相同,这意味着这不是一个好主意。

不要:使用按钮

使用按钮似乎是向页面添加链接的可行选项,但这也不是一个好主意。

经验法则是——如果一个链接触发了当前页面上发生的事情,它可能应该是一个按钮。

另一方面,如果一个链接将用户带到之前不在页面上的另一部分内容,那么它应该是一个标准链接。

不要:依赖点击处理程序

例如,网站所有者也不应该通过使用其他 HTML 元素和使用 JavaScript 中的点击处理程序来模拟链接。

这破坏了内置的辅助功能,不是一个好主意。

做:使用语义 HTML

所有这一切的底线是 - 使用语义 HTML 标记并将您的链接指向正确的 URL。

什么是正确的 URL?这将在下一节中解释。

使用“正确”网址

这些 URL 是被视为“正确 URL”的典型示例:

这些是正确的 URL,因为它们包含以下属性:

  • 一个协议
  • 一个举办方
  • 特定内容的路径
  • 片段标识符(可选)

相关:搜索引擎优化和 JavaScript:好的、坏的和不确定性

当心片段标识符

鉴于片段标识符是可选的,并且指向同一内容中的位置,爬虫会忽略它们。

如果您构建一个带有充满片段标识符的链接的单页应用程序,这一点尤其需要注意。

爬虫不会跟随链接,因此他们将无法理解网络应用程序。

总之

以下是第一期 Google Lightning Talks 的主要内容:

  • 使用正确的链接标记。
  • 不要使用片段在单页应用程序中加载不同的内容。
  • 构建与 JavaScript 配合良好的网站,并且会找到链接。