JavaScript SEO 终极指南
什么是 JavaScript SEO？
JavaScript SEO 是技术 SEO 的一部分，它使基于 JavaScript 的网站更容易被搜索引擎抓取、呈现和索引。
JavaScript SEO 可以通过以下方式使现代网站更加用户友好并在 Google 上排名更高：
- 优化 JavaScript 元素，提高页面的发现效率，
- 识别并排除任何导致搜索引擎难以理解和处理 JavaScript 内容的问题，以及
- 最大限度地减少 JavaScript 对您网站的网络性能和用户体验 (UX) 的影响。
尽管 JavaScript 很受欢迎，但许多 JavaScript 网站在 Google 上的表现却不佳，因为它们没有正确地进行 JavaScript SEO 。
在本文中，我将指导你了解发生这种情况的原因以及如何解决它。你将学习以下内容：
- Google 和其他搜索引擎如何处理 JavaScript，
- 如何检查你的网站是否存在 JavaScript 问题，
- JavaScript SEO 的最佳实践是什么 ？
- SEO 忽略的 JavaScript 最常见问题。
我还会提供大量额外的技巧和建议。内容很丰富，我们开始吧。
文章目录
JavaScript 如何影响 SEO？
毫无疑问 JavaScript 将成为 Web 不可或缺的一部分 。
当然，HTML 和 CSS 是 Web 的基础。但几乎每个现代 Web 开发人员都需要使用 JavaScript 进行编码。
但 JavaScript 究竟能做什么？ 它又如何影响 SEO？ 继续阅读，你就会找到答案。
JavaScript 是一种非常流行的编程语言。开发人员使用它来使网站具有交互性。
这意味着您可以仅使用 HTML 和 CSS 来构建网站，但 JavaScript 使其变得动态且具有交互性。
- HTML 定义页面的实际内容（汽车的车身/框架）。
- CSS 定义页面的外观（颜色、样式）。
- JavaScript 为页面增添了交互性。它可以轻松控制和修改 HTML（引擎 + 方向盘 + 油门）。
然而，从 SEO 角度来看更重要的是， 使用 JavaScript 会影响网站的两个重要方面 – 其索引管道 （抓取、渲染和索引） 和网络性能。
由于 JavaScript 的额外复杂性，Google 抓取、呈现和索引 JavaScript 驱动的页面比纯 HTML 更加困难。
这对你来说意味着什么？在没有指导和专业知识的情况下创建大量使用 JavaScript 的页面可能会对你的索引覆盖率产生不利影响。
然后，从网络性能的角度来看，不优化 JavaScript 会对网站的速度产生负面影响，进而直接导致糟糕的用户体验。
如果你关心网站的 SEO 和业务发展，优化 JavaScript 是必要的。
JavaScript 对于 SEO 来说是好是坏？
多年来，我看到很多人搜索 JavaScript 的使用对 SEO 究竟是正面影响还是负面影响的信息。遗憾的是，这个问题并没有明确的答案。
JavaScript 使得 SEO 问题的诊断变得更加困难。你无法保证 Google 会在你网站的每个页面上执行你的 JavaScript 代码。
但让我这么说吧： JavaScript 并非邪恶。 未经优化的 JavaScript 可能会损害你的 SEO 排名，但这并不意味着你应该避免使用它。
JavaScript 需要你在网站上投入额外的努力才能使其在 Google 上取得成功。
更重要的是，JavaScript 就像 HTML 和 CSS 一样，是现代 Web 的重要组成部分。它不会消失，所以你应该直面挑战，而不是逃避。
JavaScript 具有动态更新页面内容的独特功能。 因此，如果经过适当的优化， JavaScript 可以为网站带来诸多好处， 尤其是在用户体验方面。
例如，外汇和差价合约交易平台使用它来持续实时更新汇率。
现在，想象一个没有 JavaScript 的网站。
如果没有 JavaScript，用户必须手动刷新网站才能查看当前汇率。JavaScript 让他们的生活变得更加轻松。
此外，JavaScript 可能负责生成以下常见的网站元素和内容类型，例如：
- 分页
- 内部链接
- 顶级产品
- 评价
- 评论
- 主要内容（很少。）
很难想象一个网站会没有这些帮助用户流畅浏览页面的交互元素。当然，你可以构建一个不使用 JavaScript 的网站，但这会严重限制其功能和交互性。
这就是为什么即使遇到一些与 JavaScript 相关的问题，也不意味着你应该放弃使用它并转而使用其他技术。
在现代网站上使用 JavaScript 应该更多地考虑“如何”为机器人和用户优化 JavaScript，而不是“是否”应该使用 JavaScript。
好消息是，许多使用 JavaScript 的网站都表现得非常出色。
既然知道没有必要妖魔化 JavaScript，那么现在是时候了解 Google 如何处理你的 JavaScript 内容了。让我们深入了解一下。
Google 如何读取和呈现 JavaScript 网站？
现在知道 JavaScript 使 Google 的工作变得更加复杂。
正因为如此，应该采取一些额外的步骤来使 JavaScript 网站在 Google 上表现良好。
JavaScript SEO 乍一看可能有点吓人，但别担心！本章将帮助你诊断网站上的潜在问题，并掌握基础知识。
这里有三个因素在起作用：
- 可爬取性 （Google 应该能够以适当的结构爬行你的网站并发现所有有价值的资源），
- 可渲染性 （Google 应该能够渲染你的网站），
- 抓取预算 （Google 抓取和呈现您的网站需要多长时间）。
与此同时，渲染 JavaScript 时可能会出现很多问题。由于 JavaScript 的参与使得整个过程更加复杂，因此需要考虑以下几点：
- 渲染 JavaScript 可能会影响抓取预算并延迟 Google 对网页的索引 。
- 解析、编译和运行 JavaScript 文件对用户和 Google 来说都非常耗时。 想想你的用户吧！ 我猜你网站上 20-50% 的用户都是用手机浏览的。
- 对于富含 JavaScript 的网站，Google 通常无法索引其内容，直到网站完全呈现为止。
- 渲染过程也可能比平时花费更长的时间，这会影响新链接的发现。 对于富含 JavaScript 的网站，Google 常常无法在页面渲染完成之前发现任何链接。
在移动设备上解析 1 MB 的 JavaScript 需要多长时间？据谷歌的 Sam Saccone 称 ：三星 Galaxy S7 可以在约 850 毫秒内完成，Nexus 5 则需要约 1700 毫秒。解析 JavaScript 后，需要编译并执行，这会耗费额外的时间。分秒必争。
JavaScript 爬取
使用 JavaScript 会进一步增加抓取过程的复杂性。 为什么？因为未经优化的 JavaScript：
- 可能不允许 Google 发现和访问所有页面，例如，通过使内部链接对机器人不可见，并且
- 使 Googlebot 更难理解你的网页如何关联以及它们的含义，因为例如，机器人无法访问你网页的主要内容
需要知道， Googlebot 想要并且能够抓取的页面数量称为抓取预算。遗憾的是，这个预算是有限的，这对于中大型网站以及严重依赖 JavaScript 的网站来说至关重要。 抓取预算优化服务通常就是处理这个问题的。
JavaScript 渲染
有多种方法可以向用户和搜索引擎提供网页。
当我们谈论 SEO 时，理解它们至关重要，而不仅仅是在 JavaScript 的背景下。
我们用烘焙来类比。 最初的 HTML 只是一个烹饪食谱。它提供了烘焙蛋糕所需的原料信息，并包含一组操作说明。但它并不是真正的蛋糕。
另一方面，还有 DOM（文档对象模型） ——渲染的代码，它代表渲染后的页面状态。
DOM 才是真正的蛋糕。一开始，它只是一个配方（一个 HTML 文档），一段时间后，它逐渐成型，最终烤好（页面完全加载）。
如果 Google 无法完全呈现网页，它仍然可以仅索引初始 HTML（不包含动态更新的内容）。
对于你来说，这意味着， 如果网站未进行优化，且富含 JavaScript，Googlebot 可能无法看到想要索引和排名的关键内容。
在讨论 Google 能否抓取、渲染和索引 JavaScript 时，我们必须先了解两个重要概念： 服务器端渲染和客户端渲染。 每个与 JavaScript 打交道的 SEO 人员都必须理解这两个概念。
服务器端渲染
在服务器端渲染中， 浏览器或 Googlebot 会收到一个完整描述页面的 HTML 文件。内容副本已经存在。
还记得我们之前提到的烘焙类比吗？这个比喻在这里很适用，因为服务器端渲染无需烘焙——Google 已经准备好蛋糕供大家享用了。
通常，搜索引擎对服务器端呈现的 JavaScript 内容不会有任何问题。
但有一个问题： 如果没有 SEO 指导，一些开发人员可能难以正确实现服务器端渲染 。
客户端渲染
使用客户端渲染时， 浏览器或 Googlebot 在初始加载时会获得一个空白的 HTML 页面（几乎没有任何内容副本）。然后，奇迹发生了：JavaScript 会异步从服务器下载内容副本并更新屏幕。
按照我们烘焙的类比，客户端渲染就像一个烹饪食谱。Google 获取并收集了需要烘焙的蛋糕配方。
不幸的是，搜索引擎有时会难以接受这种方法。为什么？因为对于机器人来说，在自身端处理 JavaScript 代码的成本可能比接收服务器端渲染的页面版本更高。
Google 目前使用什么浏览器来呈现网页？
Google 正在使用最新版本的 Chrome 进行渲染 （它被称为 Googlebot Evergreen ）。
新版 Chrome 的推出可能会略有延迟，但工作流程是，每当 Google Chrome 获得更新时，Googlebot 就会立即获得更新。
其他搜索引擎如何读取 JavaScript 网站？
研究表明，JavaScript 内容的索引仍然无法保证。 更糟糕的是，如果你的 JavaScript 内容没有被索引，可能会导致你的整个页面也无法被索引。
Google 正在快速提高其大规模处理和索引 JavaScript 的能力，但仍有许多需要注意的事项，这就是我的终极指南如此受欢迎的原因。
但你必须记住，其他搜索引擎（和社交媒体）在可用资源和技术方面远远落后于谷歌。
如果网站的任何内容依赖于 JavaScript，必须确保搜索引擎可以轻松访问、呈现和索引它。
Twitter 和 Facebook 等社交媒体平台可以呈现 JavaScript 吗？
遗憾的是，社交媒体网站不会处理爬虫程序在网站上找到的 JavaScript。需要重申的是， Facebook、Twitter 或 LinkedIn 等社交媒体并不运行 JavaScript。
这对你来说意味着什么？
必须在初始 HTML 中包含 Twitter Cards 和 Facebook Open Graph 标记。否则，当人们在社交媒体上分享你的内容时，它将无法正确显示。
如果 Google 无法呈现网页怎么办？
Google 可能会以意想不到的方式呈现网页。
在用户看到的样子和 Google 呈现的样子之间存在显著差异。
造成这种情况的可能原因有以下几种：
- Google 在渲染时遇到超时 。
- 渲染时出现一些错误
- 阻止了 Googlebot 的关键 JavaScript 文件。
重要提示： 确保 Google 能够正确呈现网站是必要的。
但是，这并不能保证你的内容一定会被索引。这就引出了第二点。
Google 可以索引 JavaScript 吗？
JavaScript 使网络真正具有动态性和交互性，这是用户喜欢的。
但是谷歌和其他搜索引擎呢？它们能轻松应对 JavaScript 吗？还是说这更像是一种爱恨交织的关系？
当谈到 JavaScript 时，情况就有点复杂了……
一般来说，Google 可以索引 JavaScript。 但是， Google 并不能保证一定会索引 JavaScript 内容。
平均有 25% 的情况 JavaScript 内容未被 Google 编入索引。
Google 在某些网站上索引 JavaScript 内容的效果比其他网站好得多。 这意味着这些问题是自身引发的，可以避免。 继续阅读，了解如何避免。
如何检查 JavaScript 内容是否已被 Google 编入索引？
有两种方法可以检查您的 JavaScript 内容是否已被 Google 编入索引：
- 使用“site:”命令—— 最快的方法。
- 检查 Google Search Console – 最准确的方法。
首先，使用“site:”命令检查该 URL 是否在 Google 的数据库中。
然后检查 Google 是否索引了 JavaScript 内容。
如果出现包含片段的片段，则内容将被 Google 编入索引。
我的建议： 在隐身模式下对各种类型的 JS 生成内容使用片段执行“site:”查询 。
另一方面，检查 Google 是否索引您的内容的更精确（尽管速度较慢）的方法是使用 Google Search Console 中的 URL 检查工具 。
该工具将显示 Google 索引的页面代码，因此您只需按 Ctrl+F 即可查看 JavaScript 生成的内容的关键片段是否在这里。
我建议对随机样本的网址重复此过程，看看 Google 是否正确索引了内容。 不要只检查一个页面； 检查合理数量的页面。
Google 没有索引 JavaScript 内容怎么办？
正如我之前提到的，一些网站在 JavaScript 内容被索引时遇到的问题很大程度上是自身原因造成的。如果你也遇到这样的问题，你应该首先找出问题的原因。
Google 未选中 JavaScript 内容的原因有很多，以下列举一些：
- Google 遇到超时问题 。确定没有强迫 Googlebot 和用户等待几秒钟才能看到内容吗？
- Google 遇到了渲染问题 。是否检查过 URL 检查工具来确认 Google 是否可以渲染它？
- Google 决定跳过一些资源（即 JavaScript 文件）。
- Google 认为该内容质量较低。
- Google 也可能会延迟索引 JavaScript 内容 。
- Google 根本找不到这个页面。 确定可以通过 XML 站点地图和内部结构访问它吗？
然而，找到问题的核心只是成功的一半。JavaScript 问题越积越多，弄清楚应该先解决哪些方面可能会让你头疼不已。
好消息是，你无需独自处理此类混乱局面。请联系我们，获取 JavaScript SEO 服务 ，我们将为您提供分步行动计划，助您提升 JavaScript 内容的索引覆盖率。
那么两波索引又如何呢？
谷歌宣布将采用两波索引系统 。这意味着，他们会对 HTML 文件中直接可用的部分内容进行索引，并在有合适的资源可用时对其余内容进行索引——但会有一定的延迟。
这种索引策略尤其影响索引 JavaScript 生成的内容，因为它非常耗费资源。
我不会说两波索引浪潮已经消亡[…] 绝对不会，但我预计最终渲染、爬取和索引会更加紧密地结合在一起。我们还没有做到这一点，但我知道团队正在研究它。
JavaScript 索引延迟
尽管谷歌在这方面做得越来越好，但截至 2023 年初，处理 JavaScript 内容仍然会存在相当大的延迟。
Google 抓取 JavaScript 页面所需的时间是抓取 HTML 页面所需的时间的 9 倍。
这表明 Google 存在渲染队列，以及它对 JavaScript 生成内容的抓取和索引有多大影响。
为什么 Google（和其他搜索引擎）在使用 JavaScript 时可能会遇到困难
对于 Google 来说，抓取 JavaScript 并不容易
在抓取传统 HTML 网站的情况下，一切都简单直接，整个过程快如闪电：
- Googlebot 下载 HTML 文件。
- Googlebot 从源代码中提取链接并可以同时访问它们。
- Googlebot 下载 CSS 文件。
- Googlebot 将所有下载的资源发送到 Google 的索引器（Caffeine）。
- 索引器（Caffeine）对页面进行索引。
尽管许多网站虽然没有广泛使用 JavaScript，但仍在努力解决索引问题（ 技术 SEO 服务通常会解决这些问题），但在抓取基于 JavaScript 的网站时，事情会变得复杂：
- Googlebot 下载 HTML 文件。
- Googlebot 在源代码中找不到链接，因为它们仅在执行 JavaScript 后才被注入。
- Googlebot 下载 CSS 和 JS 文件。
- Googlebot 必须使用 Google Web Rendering Service（Caffeine Indexer 的一部分）来解析、编译和执行 JavaScript。
- WRS 从外部 API、数据库等获取数据。
- 索引器可以对内容进行索引。
- Google 可以发现新的链接并将其添加到 Googlebot 的抓取队列中。对于 HTML 网站来说，这是第二步。
Googlebot 的行为不像真正的浏览器
现在是时候深入探讨 Web 渲染服务这个主题了。
你可能知道，Googlebot 基于最新版本的 Chrome。这意味着 Googlebot 使用当前版本的浏览器来渲染页面。但这并不完全相同。
Googlebot 访问网页的方式与用户使用浏览器的方式类似。不过，Googlebot 并不是典型的 Chrome 浏览器。
- Googlebot 拒绝用户权限请求（即 Googlebot 将拒绝视频自动播放请求。）
- 页面加载后，Cookie、本地存储和会话存储都会被清除。如果您的内容依赖于 Cookie 或其他存储数据，Google 将无法获取。
- 浏览器始终会下载所有资源 – Googlebot 可能选择不这样做。
当浏览互联网时，浏览器（Chrome、Firefox、Opera 等）会下载网站包含的所有资源（例如图像、脚本、样式表）并将它们全部整理到一起。
然而，由于 Googlebot 的行为与浏览器不同， 它旨在抓取整个互联网并获取宝贵的资源。
万维网非常庞大，因此 Google 会优化其抓取工具以提高性能。正因如此， Googlebot 有时无法从服务器加载所有资源。此外，Googlebot 甚至不会访问它遇到的所有页面。
Google 的算法会尝试从渲染的角度检测给定资源是否必要。 如果不是，Googlebot 可能无法抓取该资源。Google 已在官方文档中就此向网站站长发出警告。
Googlebot 及其网络渲染服务 (WRS) 组件会持续分析和识别不提供必要页面内容的资源，并且可能不会抓取此类资源。——来源： Google 官方文档
由于 Googlebot 的运行方式与真正的浏览器不同， Google 可能不会选择你的某些 JavaScript 文件 。原因可能是它的算法认为从渲染的角度来看这些文件没有必要，或者仅仅是由于性能问题（例如，执行脚本的时间太长）。
此外，Google 渲染 JavaScript 仍然存在延迟。
如果内容需要 Google 点击、滚动或执行任何其他操作才能将其加载到页面上，则它将不会被编入索引。
最后但同样重要的一点：Google 的渲染器存在超时问题。如果渲染你的脚本花费的时间过长，Google 可能会跳过该脚本。
如何检查网站是否存在 JavaScript 问题
Google 提供了多种工具，可识别和诊断与 JavaScript 相关的问题。例如：
尽管上述某些工具与在网站上使用 JavaScript 没有直接联系，但它们仍然是了解 Google 如何处理 JavaScript 内容的重要信息来源。
如何知道网站是否正在使用 JavaScript？
在深入研究 JavaScript 优化之前，需要确定网站上哪些元素是由 JavaScript 生成的。
我建议您使用浏览器插件，
使用我们的工具并不是检查网站 JavaScript 依赖关系的唯一方法。还可以使用浏览器插件，例如 Chrome 上的 Quick JavaScript Switcher 或 Firefox 上的 JavaScript Switch 。
使用该插件时，当前所在的页面将重新加载并禁用 JavaScript。
如果页面上的某些元素消失，则意味着它们是由 JavaScript 生成的。
JavaScript SEO 最佳实践
此时，应该了解 Google 和其他搜索引擎如何处理 JavaScript。
现在我们已经介绍了大部分基础知识，让我们来看看 SEO 和网站管理员在优化基于 JavaScript 的网站时应该努力遵循的一些最佳实践。
JavaScript SEO 的最佳实践包括以下内容：
- 允许 Google 发现所有内容。
- 正确实现分页。
- 使用适当的<a href>链接。
- 优化图像。
- 使用服务器端渲染。
- 优化呈现的 HTML 以帮助 Google 选取内容。
让我们更详细地逐一讨论这些要点。
允许 Google 发现所有内容
由于 Googlebot 可以抓取和呈现 JavaScript 内容，因此没有理由阻止它访问抓取和呈现所需的任何内部或外部资源。
重申一下：
- 避免在 robots.txt 文件中阻止重要的 JavaScript 文件， 以允许 Google 访问、处理和与内容进行交互，
- 避免在 URL 中使用hashes ，因为它们可能会导致 Googlebot 无法抓取。
- 确保 Google 可以在页面源代码中看到关键信息， 这样它就不需要依赖用户交互来加载内容（例如，单击按钮）。
另外， 要小心 JavaScript 重定向 。 虽然它们在特定情况下是一种便捷的解决方案，但它们可能会以多种方式降低在线可见度。因此，最好使用服务器端 301 重定向。
正确实现分页
许多流行的网站使用分页或无限滚动来分割大量内容。
不幸的是，这些网站通常只允许 Googlebot 看到分页内容的前半部分，其余部分则被埋在下一页或无限滚动的页面中。在这种情况下，由于 Google 不会滚动页面，它可能无法发现大量有价值的 URL。
许多网站使用依赖于用户操作（点击）的分页。相反，你应该使用合适的<a href>链接来实现分页。
使用适当的链接
众所周知，Googlebot 不仅不会滚动页面，也不会点击按钮。 因此，让 Google 看到分页的第二页或发现域名下其他页面链接的唯一方法是使用正确的 <a href> 链接。
换句话说，按照 Web 标准添加链接，以避免依赖用户操作。
重要提示：将链接隐藏在 link rel=”next” 下也无济于事。
优化图像
如果图像是品牌的重要组成部分（例如，在电子商务网站上展示产品），希望它被发现和索引，那么应该为了搜索引擎而对其进行优化。
根据 Web 标准添加图像：
- 使用“src”HTML 标签链接图片，并且
- 考虑利用浏览器级别的图像原生延迟加载 。
使用服务器端渲染
服务器端渲染允许 Googlebot 和用户从服务器获取网站的完整渲染 HTML 版本。
将内容放在服务器上，对 SEO 的主要好处是让机器人更容易、更快地处理内容。因此，服务器端渲染可以改进页面的分析和索引流程。
优化渲染的 HTML，以帮助 Google 挑选内容
后续步骤
现在可以执行以下操作：
- 联系我们 。
- 从我们这里获得个性化计划来处理您的 JavaScript SEO 问题。
- 享受自然流量！
还不确定要不要联系我们？了解 JavaScript SEO 服务如何助您提升网站质量。
JavaScript FAQ - 其他 JavaScript SEO 问题
当我们结束讨论时，你可能会有一些疑问。
这太棒了！
我整理了多年来读者向我询问的有关 JavaScript SEO 的最常见问题，包括有关 PWAs 的问题、减少 JavaScript 对网络性能的影响、为 Googlebot 提供网站的预渲染版本等等！
Googlebot 可以点击网站上的按钮或滚动吗？
务必记住， Googlebot （或者更准确地说是 Google Web Rendering Service） 不会点击任何按钮，也不会滚动页面。
Google 官方文档支持我的说法。
您网站的新闻推送或 Pinboard 可能使用了无限滚动 ——这无疑会让您的用户感到欣喜！然而，要取悦 Google 机器人，那就另当别论了。使用无限滚动时，爬虫程序无法始终模拟用户的手动行为（例如滚动或点击按钮加载更多内容），因此它们无法始终访问新闻推送或图库中的所有单个内容。如果爬虫程序无法访问您的内容，那么它就不太可能出现在搜索结果中。——来源，谷歌。
必须记住，如果仅在用户点击按钮后才从服务器获取内容，Google 将无法看到该内容。
可以减少 JavaScript 对 Web 性能的影响吗？
随着谷歌技术越来越先进，JavaScript SEO 会消失吗？
不，JavaScript SEO 不会很快消失 。 相反，随着新框架和技术的引入，以及 Web 堆栈的发展，它会变得更加技术化。
引用谷歌的 John Mueller 的话：
[…] 我不认为 JavaScript SEO 会消亡。因为有很多地方容易出错，而且需要丰富的经验才能调试、发现并改进问题 […]你真的必须了解 JavaScript 的工作原理，一旦出现问题，发现问题真的不容易。而新的框架，比如 Chrome 的新元素，所有这些，它们都在某种程度上结合在一起。
如今， 超过 98.3% 的网站都在使用 JavaScript 。 如果你想超越竞争对手，那么现在和将来都需要 JavaScript SEO。
PWA SEO 与 JavaScript SEO 有何不同？
一般来说，渐进式 Web 应用程序 (PWA) 是一种 JavaScript 网站，因此所有适用于 JavaScript 网站的建议都应适用于 PWA。
但是，应该考虑一个重要的事实： Google Web Rendering Service 已禁用 Service Worker。
它具有强烈的含义：
- 如果浏览器禁用 Web Workers 时网站出现故障，则它将在 Google 渲染和排名系统中失败。
- 如果使用 Web Workers 获取网站的重要部分，那么 Google 将看不到该部分。
移动优先索引对 JavaScript 网站意味着什么？
总体趋势仍然是，许多网站的桌面版本都是 SEO 友好的，但它们的移动版本遵循糟糕的 JavaScript SEO 实践。
在移动优先索引的时代，Google 的索引系统是基于网站的移动版本的。因此，如果你的桌面网站针对 SEO 进行了优化，而你的移动版本存在 JavaScript SEO 问题，那么你就有麻烦了。
需要注意的事项：
- Google 能完美渲染吗？请使用 URL 检查工具，并将 User-Agent 设置为 Googlebot 智能手机。
- Google 能看到你的菜单吗？
- 谷歌能看到隐藏在标签和“点击查看更多”按钮下的内容吗？
- Google 能看到分页第二页的链接吗？
过去，只需审核网站的桌面版本就足够了，但现在情况已不再如此。
现在，当 Google 完成移动优先索引的推出后 ，Google 会使用网站的移动版本进行排名。
可以通过用户代理字符串检测 Googlebot 并将其作为网站的预渲染版本吗？
是的，如果发现 Google 无法正确处理客户端呈现的网站，可以向 Googlebot 提供预呈现版本。
然而，向爬虫提供网站的预渲染版本（ 通常称为动态渲染 ）并非 Google 推荐的长期解决方案。相反，它仅被视为提供 JavaScript 生成内容的一种变通方法。
其他注意事项
什么是 JavaScript SEO？
JavaScript SEO 是技术性 SEO 的一部分，旨在使基于 JavaScript 的网站更易于搜索引擎抓取、渲染和索引。它涉及优化 JavaScript 元素以提高搜索引擎的发现效率、排查导致搜索引擎难以处理 JavaScript 内容的问题，以及最大限度地减少 JavaScript 对网站性能和用户体验的影响。
搜索引擎可以抓取 JavaScript 吗？
是的，像 Google 这样的搜索引擎可以抓取 JavaScript，但这个过程比抓取简单的 HTML 更复杂。Googlebot 使用 Chrome 的最新版本进行渲染，但可能会遇到超时、资源被阻止或渲染问题等问题。并非所有 JavaScript 内容都能保证被编入索引，而且其他搜索引擎在 JavaScript 处理能力方面也落后于 Google。
JavaScript SEO 的最佳实践是什么？
关键做法包括尽可能实现服务器端渲染、使用适当的 HTML <a href>链接进行分页和导航、避免在 robots.txt 中阻止 JavaScript 文件、优化 JavaScript 性能、在初始 HTML 中包含关键元数据以及通过 Google Search Console 定期监控。
开发人员如何分析他们的 JavaScript SEO 性能？
开发人员可以使用各种工具：Google Search Console 来监控抓取错误和索引，URL Inspection 工具来检查渲染，Mobile-Friendly Test 来确保移动兼容性，Rich Results Test 来验证结构化数据，Lighthouse 来获取性能指标，以及使用禁用 JavaScript 进行测试来识别依赖性问题。
常见的 JavaScript SEO 陷阱有哪些？
常见问题包括完全依赖客户端渲染、使用带有hashes的不正确的 URL 结构、未针对移动优先索引进行优化、缺少关键元数据的服务器端渲染、由于未优化的 JavaScript 导致性能不佳以及阻止必要的 JavaScript 资源。
JavaScript 如何影响社交分享？
社交媒体平台在抓取页面时通常不会执行 JavaScript。因此，Open Graph 标签和 Twitter Cards 等元数据必须包含在初始 HTML 中，而不是通过 JavaScript 注入。否则会导致社交分享预览效果不佳，并降低社交媒体曝光度。
总结
当我们到达文章结尾时，我想花点时间解决一个甚至可能影响最好的 SEO 的问题。
有时遇到 SEO 问题时，第一直觉可能是它与 JavaScript 有关。
这可能经常发生，因为 JavaScript 会影响网站的索引管道和网络性能。
对你来说，这意味着 JavaScript SEO 对于释放网站的全部潜力并提高其盈利能力极为重要。
然而，由于 JavaScript 密集型页面可能会对您网站的索引覆盖率产生负面影响，因此找到与 SEO 相关问题的核心可能会更具挑战性。
这就是为什么要记住 JavaScript SEO 是在传统 SEO 之上完成的， 如果不注意后者，前者就不可能取得成功。
很好地应用 SEO 原则，在开始责怪 JavaScript 之前要非常小心。
请记住，快速诊断问题根源将节省您的时间和资源。 请与我们联系 ，告知您的问题，我们将彻底分析您的网页，制定详细的行动计划，解决您的任何 SEO 问题。
Nat H.
您好！我是Nat，imrnat的创始人。感谢您将宝贵的时间托付给我们，我希望您在这篇博文中找到了问题的答案。
如果您仍然想知道如何确切地推进您的自然增长，请查看我们的服务页面并安排一次免费的对话，我们将为您完成所有繁琐的工作。
希望能尽快与您交谈！
