如何改进您的 JavaScript 以使其对 SEO 友好

在数字营销中，市场固有方面与技术使用和网络开发之间的联系最近比以往任何时候都更加突出。 今天，JavaScript 和 SEO 是同一个话题的一部分。

因此，在本文中，我们将涵盖从基本概念到如何通过网站和博客上这种编程语言的最佳实践来改善您的定位的所有内容。

首先，重要的是要了解 JavaScript 和SEO是各自具有复杂性和复杂性的学科，并且通常各部门在其策略中分别工作。

然而，谁想成为一个有资格应对行业需求的专业人士，就必须掌握这两个领域，所以我们决定发这个职位。

在本文中，您将看到：

• JavaScript 和 SEO 最重要的概念是什么？
• JavaScript 在有关 SEO 的网页中扮演什么角色？
• 滥用 JavaScript 会导致哪些 SEO 问题？
• 怎样做才能促进在 Google 中对 JavaScript 页面进行索引？
• 为 SEO 正确配置 JavaScript 元素有哪些优势？

好好读书！

JavaScript 和 SEO 最重要的概念是什么？

JavaScript 编程语言是世界上使用最广泛的语言之一——我们访问过的一些最好的网站就是使用它构建的。 但是，将两个学科结合起来的基本概念是什么？

要正确理解 JavaScript 和 SEO，首先要澄清的是，在定位方面，搜索引擎无法完全理解、同化或处理 JavaScript 源代码。

但是，有一种方法可以准备网站，以便当 Google 开始抓取和编制索引过程时，它可以破译它。

事实上，西方世界最流行的搜索引擎对这个问题表示关注，这就是 AJAX 的由来，它基本上是一个内容更新器。

AJAX 允许应用程序与服务器通信并指示新内容，而无需抓取或刷新整个页面。

现在，它是如何工作的？

首先，处理 JavaScript 的机器人分三步工作：

• 追踪
• 加工
• 索引

识别包含此语言的 URL 时，首要任务是验证用户是否允许识别。

为此，会读取 robots.txt 文件，如果已获得授权，Google 就会开始处理。 最后，在分析了 HTML 之后，它开始被索引。

所有这一切的发生都是因为JavaScript 不是为服务器执行的，而是为浏览器执行的。 因此，搜索引擎必须占据浏览器的位置才能捕获或读取内容。

JavaScript 在有关 SEO 的网页中扮演什么角色？

要回答这个问题，我们必须回到 AJAX，Asynchronous JavaScript and XML 的首字母缩写词。

该技术是为移动设备和网站开发的。 它的功能？ 最初，无需加载所有 HTML 即可更改内容。

那么，它会影响SEO吗？ 答案是肯定的！ AJAX“通常”——用谷歌发言人的话来说——可以渲染和索引动态内容，但并不总是这样。 这最终会直接影响搜索引擎的定位。

现在，在这一点上，了解 Google 处理 JavaScript 的局限性很重要。 例如，大多数用户使用 Chrome 和 Mozilla 等浏览器。

除此之外，谷歌机器人不使用这些浏览器的最新版本，但 Chrome 41 会进行处理，这一事实会极大地影响跟踪。

为此，有 Google 自己的工具，例如优化测试或 Search Console 的 URL 检查工具，您可以在其中查看显示的功能以及您可以对 JavaScript 或 DOM（文档对象模型）进行的例外情况。

滥用 JavaScript 会导致哪些 SEO 问题？

尽管 JavaScript 有助于向用户展示动态呈现的网站，其中充满了有趣的图形、令人愉悦的界面等，但还是很容易犯一些错误——这会对 SEO 产生负面影响，从而影响网站的潜力。

在这里，我们展示了您可能犯的最常见的错误。

1. 忽略 HTML

如果网站上最重要的信息在 JavaScript 代码中，那么在第一次索引时，爬虫可能只有很少的信息来进行适当的处​​理。

因此，Web 的所有基本数据都必须以 HTML 格式创建，以便 Google 和其他搜索引擎可以快速将其编入索引。

2. 误用链接

任何 SEO 专业人士都知道内部链接对于定位的重要性。

这是因为搜索引擎及其爬虫能够识别一个页面与另一个页面之间的联系。 这增加了用户的停留时间。

对于 JavaScript 和 SEO，确保正确建立所有链接非常重要。

这意味着必须使用在 href 属性中包含着陆页 URL 的锚文本和 HTML 锚标记。

3. 意外阻止 Google 将您的 JavaScript 编入索引

这可能是三个问题中最常见的。 正如我们已经提到的，Google 无法完全呈现 JavaScript。

因此，许多网站可能会犯在 HTML 中包含“不索引”标签的错误。

这就是为什么当 Google 扫描网站并读取 HTML 时，它可能会找到该标签并直接通过。

这会阻止 Google 机器人返回运行源代码中的 JavaScript，从而阻止其正确显示。

JavaScript 仍然是 Web 开发的一个有吸引力且重要的方面，无论是用于品牌、公司、电子商务还是其他目的。

为了防止 Googlebot 和其他抓取工具直接运行，了解它们的工作原理并因此增强 SEO、有利于网页的定位非常重要。

怎样做才能促进在 Google 中对 JavaScript 页面进行索引？

尽管到目前为止，这似乎是坏消息的总结，但请不要担心！

是的，可以使用 JavaScript 优化网页，这样不仅可以正确显示网页，还可以让 Google 机器人对其进行跟踪、处理和索引，从而实现您在寻找的 SERP 上的定位。

下面，有一些技巧可以帮助您实现它而不会在尝试中丧生。 继续阅读！

优化网址结构

URL 是 Googlebot 在网站上抓取的第一项内容，因此非常重要。 在带有 JavaScript 的网页上，强烈推荐使用 pushState History API方法，其功能是更新地址栏中的 URL，让带有 JavaScript 的页面显示自己干净。

一个干净的 URL 由那些不是该主题专家的人很容易理解的文本组成。

因此，每次用户点击一段内容时，都会更新 URL。

支持站点延迟

当浏览器创建 DOM（一个提供一组标准对象以使用和组合 HTML、XHTML 和 XML 的界面）时，它会在 HTML 中生成一个非常大的文件，导致加载延迟，从而导致 Googlebot 的显着延迟。

直接在 HTML 中添加 JavaScript 时，对值进行签名以不同步页面中不太重要的元素； 因此，可以减少加载时间，并且 JavaScript 不会阻碍索引过程。

经常测试网站

正如我们已经提到的，可能 JavaScript 和 SEO 一开始似乎不是抓取和索引过程的问题，但没有什么可以肯定的。

谷歌可以跟踪和理解关于 JavaScript 的很多东西，但有些对于它的爬虫来说是非常困难的。 有很多工具可以研究和模拟页面加载并发现错误。

您必须找到可能会给 Google 带来不便并且会对您的页面定位产生负面影响的内容。

为 SEO 正确配置 JavaScript 元素有哪些优势？

最后，重要的是要注意，如果您想拥有一个使用 JavaScript 的动态网站，那么必须遵循本文和其他专家推荐的步骤。

如果我们继续沿着这条路走下去，选择是至关重要的。 如果 JavaScript 元素配置良好，Googlebot 就可以轻松抓取您的内容、开始 HTML 处理并最终将其编入索引。

但是，您应该考虑这篇文章中的建议。 这是一个专业人士仍未广泛开发的领域，因此谷歌尚未创建一个统一的系统来很好地查找和阅读 JavaScript。

搜索引擎优化的世界充满变化和有趣的路径，您可以学习通过精心制作和执行的策略在搜索引擎中实现梦想的位置。

但是，如果您的网站速度很慢，则没有任何回报。 想知道您的页面速度如何影响您的销售业绩？ 单击下面的图片并免费下载我们的信息图！