当今网络的现实是 JavaScript 无处不在。大多数网站都使用某种 JavaScript 来增加交互性并改善用户体验。
然而，许多网站使用的大多数 JavaScript 根本不会影响 SEO。如果您安装了普通的 WordPress，没有进行大量自定义，那么这些问题可能都不会发生在您身上。
在使用 JavaScript 构建整个页面、添加或删除元素或更改 澳洲华人海外电话号码表 页面上已有内容时，您会遇到问题。有些网站将其用于菜单、提取产品或价格、从多个来源抓取内容，或者在某些情况下用于网站上的所有内容。如果这听起来像您的网站，请继续阅读。
我们看到整个系统和应用程序都是用 JavaScript 框架构建的，甚至一些带有 JavaScript 风格的传统 CMS 也是无头或解耦的。CMS 用作后端数据源，但前端演示由 JavaScript 处理。
https://twitter.com/JohnMu/status/894901485238190080
我并不是说 SEO 人员需要去学习如何编写 JavaScript。实际上，我并不建议这样做，因为您不太可能接触到这些代码。SEO 人员需要知道的是 Google 如何处理 JavaScript 以及如何解决问题。
技术 SEO 新手指南
第一次接触技术 SEO？查看我们的
技术 SEO 新手指南
什么是 JavaScript SEO？
JavaScript SEO 是技术 SEO （搜索引擎优化）的一部分，它使大量使用 JavaScript 的网站易于抓取和索引，并且易于搜索。目标是让这些网站在搜索引擎中被找到并排名更高。
JavaScript 对 SEO 来说并不坏，也并非邪恶。它只是与许多 SEO 习惯的有所不同，而且需要一点学习时间。
很多流程与 SEO 人员已经习惯的流程类似，但可能存在细微差别。您仍然会查看大部分 HTML 代码，而不是实际查看 JavaScript。
所有常规页面 SEO 最佳实践仍然适用。请参阅我们的页面 SEO 指南。
如果您使用的框架中尚未内置这些功能，您甚至会发现熟悉的插件类型选项可以处理许多基本的 SEO 元素。对于 JavaScript 框架，这些被称为模块，您会发现许多用于安装它们的软件包选项。
您可以通过搜索框架 + 模块名称（如“React Helmet”）找到许多流行框架（如React 、Vue、Angular 和 Svelte）的版本。元标签、Helmet 和 Head 都是具有类似功能的流行模块，可以设置 SEO 所需的许多流行标签。
在某些方面，JavaScript 优于传统 HTML，例如易于构建和性能出色。在某些方面，JavaScript 较差，例如它无法逐步解析（就像 HTML 和 CSS 可以做到的那样），并且对页面加载和性能要求较高。通常，您可能会牺牲性能来换取功能。
JavaScript 并不完美，也并非总是适合完成任务的工具。开发人员确实会过度使用它，因为可能有更好的解决方案。但有时，你必须利用现有的资源。
JavaScript SEO 问题和最佳实践
这些是您在使用 JavaScript 网站时可能会遇到的许多常见 SEO 问题。
具有独特的标题标签和元描述
您仍然希望在各个页面中使用唯一的标题标签和元描述。由于许多 JavaScript 框架都是模板化的，因此您很容易陷入所有页面或一组页面使用相同标题或元描述的情况。
检查Ahrefs站点审核中的重复报告，然后单击任意分组以查看有关我们发现的问题的更多数据。
检查重复的标题标签和元描述
您可以使用 Helmet 等 SEO 模块之一为每个页面设置自定义标签。
JavaScript 还可用于覆盖您可能已设置的默认值。Google 将处理此问题并使用覆盖后的标题或说明。但是，对于用户来说，标题可能会带来问题，因为一个标题可能会出现在浏览器中，而当它被覆盖时，他们会注意到闪烁。
如果您看到标题闪烁，您可以使用 Ahrefs 的SEO 工具栏查看原始 HTML 和渲染版本。
Ahrefs SEO 工具栏中的原始和渲染标题和元描述
无论如何，Google 可能不会使用您的标题或元描述。正如我所提到的，标题值得为用户清理。不过，修复元描述的问题并不会有什么不同。
当我们研究 Google 的重写时，我们发现Google 有 33.4% 的时间会覆盖标题，有 62.78% 的时间会覆盖元描述。在网站审核中，我们甚至会向您显示 Google 更改了您的哪些标题标签。
