常见的 Javascript SEO 问题及其解决方法

已发表: 2022-12-30

随着 SEO 成为越来越重要的成功因素，开发人员需要了解使用 JavaScript (JS) 编码时可能出现的常见问题。 不幸的是，许多开发人员努力确保他们基于 JavaScript 的网站针对搜索引擎可见性进行了适当优化。 常见错误的范围从缺少元标记到页面加载速度慢，这些问题可能会影响网站在搜索引擎结果页面 (SERP) 上的排名。 继续阅读以了解有关 JavaScript SEO 的更多信息以及如何解决任何问题。

什么是 JavaScript SEO？

JavaScript SEO 是一种专注于 JavaScript 优化的技术 SEO 。 JS 是一种流行的编程语言，允许开发人员创建交互式网站、应用程序和移动体验。

虽然 Javascript 是创造出色用户体验的强大工具，但如果操作不当，它也会给搜索引擎带来问题。 JavaScript 网站的页面负载和性能也可能很重，这会降低它们的功能并对用户体验产生负面影响。

JavaScript 如何影响 SEO？

JavaScript 直接影响技术搜索引擎优化，因为它会影响网站的功能。 它会对渲染产生负面影响或提高站点速度。 JavaScript 内容的不正确实施可能会损害您网站的可见性。

以下是影响搜索引擎优化的一些主要页面元素：

  • 页面加载时间
  • 元数据
  • 链接
  • 渲染内容
  • 延迟加载图像

为了在 SERP 上排名更高，JavaScript 内容必须针对抓取、呈现和索引进行优化。 为了让 Google 和其他搜索引擎完全索引网站，他们需要能够访问和抓取其内容。

JavaScript 和搜索引擎优化

然而，JavaScript 可能会给爬虫带来问题。 一些主要问题包括：

  • Javascript 使爬虫更难呈现和理解内容：由于 Javascript 是一种动态语言，需要额外的资源来解释和执行，因此搜索引擎爬虫有时无法正确理解或访问页面上的内容。 结果，他们无法对其进行索引。
  • 太多的 Javascript 会影响加载时间：包含太多 JavaScript 或非常大的 JS 文件的网页可能需要更长的时间来加载。 除了排名较低之外，缓慢的加载时间甚至会导致跳出率增加，因为如果加载时间过长，用户将更有可能离开网站。
  • JavaScript 可以阻止搜索引擎爬虫的内容：该代码可用于隐藏或限制搜索引擎可见的内容，这可以防止重要页面被索引和排名。 这被称为隐藏真实内容，可能会导致搜索引擎的严厉处罚。 不要阻止对资源的访问，这一点至关重要。 Googlebot 需要它来正确呈现页面。

总的来说，JavaScript SEO 需要对任何排名问题进行​​故障排除和诊断，并确保网页可以通过高质量的内部链接被发现，从而使网页排名更高。 这种类型的技术 SEO 涉及简化网页上的用户体验和改进页面加载时间，因为这两个因素都直接影响 SERP。

我如何知道我的网站是否使用 JavaScript？

要确定您的网站是否使用 JavaScript，您可以使用几种不同的方法。

最准确的方法是打开开发者工具，查看网站源代码。 为此，您只需右键单击网页的任何部分，然后选择“查看源代码”或“查看页面源代码”。 这将打开一个包含网站源代码的新窗口。 然后，按 Ctrl + F 并搜索“javascript”，或查找提及 javascript 的任何代码行或任何代码片段：

另一种确定网站是否使用 JavaScript 的方法是检查网站的元素。 如果界面是交互式的并响应用户输入，则强烈表明该网站正在使用 JavaScript。 以下是您可以寻找的一些关键要素：

  • 下拉菜单
  • 弹出式菜单
  • 动态内容
  • 弹出窗口
  • 互动元素

如果您在网站上看到这些类型的功能，则很可能正在使用 JavaScript。 最后，如果网站使用的是内容管理系统 (CMS)，例如WordPress或 Joomla，则很可能使用了 JavaScript。

Google 如何处理 JavaScript？

Google 通过处理 JavaScript 代码并呈现用户可见的内容来处理 JavaScript。 Google 的爬虫可以访问页面的文档对象模型 (DOM) 树并处理代码以确定哪些内容可见。

以下是 Google 如何处理网页以及它如何处理 JS 的三个主要步骤：

  1. 抓取：首先，Googlebot 抓取每个网页的 URL。 它向服务器发出请求，服务器发送 HTML 文档。
  2. 呈现：Googlebot 然后决定呈现主要内容所需的内容。
  3. 编制索引：在确定呈现内容所必需的内容后，Googlebot 便可以编制 HTML 索引。

但是谷歌是如何执行这个过程的呢？ 对于初学者来说，任何未执行的资源都必须由 Google 的 Web 呈现服务 (WRS) 处理。 Googlebot 更有可能推迟呈现任何 JavaScript 直到以后。 此外，一旦执行 JavaScript，谷歌也只会索引呈现的 HTML。

总的来说，谷歌多年来一直能够成功地抓取和索引 JavaScript，包括超过 130 万亿个网页。 但是，仍然会出现常见的 Javascript 问题。

完全依赖 JS 的内容可能会在抓取时出现延迟，因为 Googlebot 有抓取预算。 此抓取预算是影响机器人抓取新页面的频率的速率限制。 大量 JavaScript 的另一个障碍与 WRS 有关。 无法保证 Google 会实际执行 Web 呈现服务队列中的 JS 代码。 这就是为什么在涉及 JavaScript SEO 时遵循最佳实践很重要。

为什么网站审核员要检查 JavaScript？

如果您在 SearchAtlas 站点审核器中运行报告，您的报告中可能会有因 Javascript 而被标记的页面。

由于页面性能对排名非常重要，因此 SearchAtlas 站点审核员会标记带有超大 Javascript 文件的页面，这些文件会减慢加载时间和响应速度。

常见的 JavaScript SEO 问题

编写或实施不当的 JavaScript 会干扰搜索引擎抓取和索引网站的能力，导致页面未按预期出现在搜索结果中。 这可能会导致有机流量下降，使企业更难接触到目标受众。

一些常见的 JavaScript SEO 问题包括以下类型的问题：

  • 索引问题：如果 JavaScript 没有正确实现，就会发生这些问题。 搜索引擎爬虫需要能够访问网站的源代码以确定其内容和相关性。 如果 JavaScript 配置不当，爬虫可能无法访问内容，网站也可能无法编入索引。
  • 内容重复：当服务器端和客户端代码呈现相同的内容时，就会发生这种情况。 这可能会导致重复的内容被搜索引擎索引，从而导致处罚。 确保内容是唯一的并且没有重复是至关重要的。
  • 加载速度慢： JavaScript 代码可能体积庞大，会降低网站的加载速度。 搜索引擎将加载速度视为其排名算法的一个因素，因此加载速度慢的网站可能无法像加载速度快的网站那样排名。
  • 可抓取性：搜索引擎抓取工具需要能够访问网站的源代码以对其进行索引。 如果代码以爬虫无法访问的方式编写，则该网站可能不会被索引。 这可能会导致排名不佳，并可能阻止网站出现在自然搜索结果中。

如何修复常见的 JavaScript 问题

要针对 SEO 优化 JavaScript 文件，您可以修复以下 JS 常见问题：

索引

当谈到 JavaScript SEO 时，要考虑的最重要方面之一是源代码的结构。

如果您使用的是 JavaScript，确保代码的结构和组织良好是最重要的。 这表示：

  • 代码格式正确
  • 删除了不必要的字符
  • 应正确链接外部脚本
  • 尽量减少 JS 的使用量

内容重复

为防止内容重复，网站管理员应确保为每个页面提供唯一的 URL，并谨慎使用动态加载。

有时，内容重复也可能是由第三方服务引起的。 当网站使用外部脚本（例如社交媒体小部件）时，它们可能会导致多次加载相同的内容。

为防止出现此 JavaScript SEO 问题，网站管理员应确保异步加载外部服务，并且不会在多个页面中重复使用内容。

加载速度慢

有几种常见的方法可以解决速度慢的问题。 他们包括：

  • 使用最新版本的语言（以及可能需要的任何其他库）
  • 利用缩小技术确保 JavaScript 代码尽可能小
  • JavaScript 代码应该适当地组织
  • 将代码分成小的、易于管理的块，并使用适当的命名约定
  • 您还应该使用与使用它们的代码相关的变量名称。这有助于减少混乱并简化导航
  • 确保正确缓存了使用 JavaScript 加载的任何额外资源。 缓存可以帮助减少需要向服务器发出的请求数，并可以帮助减少需要整体加载的数据量。

可抓取性

为了提高可抓取性，最好在开发网站时使用渐进增强。 这确保了搜索引擎爬虫无需依赖 JavaScript 即可访问所有内容。

其次，确保所有 JavaScript 都被缩小和压缩是至关重要的。 这有助于减少爬虫读取和索引内容所需的时间。 使用内容分发网络(CDN) 确保所有内容快速有效地提供给搜索引擎爬虫也很重要。 这些步骤有助于提高可抓取性并确保搜索引擎结果准确且最新。

结论

花时间为 SEO 优化 JavaScript 有助于提高网站的自然可见度。 如果您需要帮助，请务必与我们的一位 SEO 技术专家预约会面，了解 LinkGraph 如何帮助您优化网页以获得更好的 SERP 性能。