adamaudette – 我并不总是使用 JavaScript，但当我这样做时，我知道 Google 可以抓取 DOM 并动态生成 HTML。
最近，Bartosz Goralewicz 做了一个很好的实验，测试了不同 JavaScript 库和框架的组合，以了解 Google 如何与页面交互（例如，他们是否配置 URL/内容？GSC 如何交互？等）。它最终表明 Google 能够与多种形式的 JavaScript 进行交互，并强调了某些可能更具挑战性的框架。 John Mueller 还创办了 JavaScript 搜索小组（据我所知，这真是一种享受）。
所有这些研究都令人惊叹，可以帮助 SEO 了。然而，在您决定坐下来是适合您 电话号码 网站的正确解决方案之前，我建议您积极谨慎地尝试“小处思考：吉姆·柯林 (Jim Collin) 的《伟大的选择》一书中的“子弹，然后是炮弹”哲学。
“子弹是一种实证测试
旨在了解什么有效并满足三个标准：子弹必须是低成本、低风险和低干扰……10Xers凭经验使用子弹来确认什么是真正有效的。基于这种经验验证，他们然后将资源集中在发射炮弹上，这比集中投注可以获得更大的回报。”
考虑通过以下方式进行测试和审查：
验证您的内容是否出现在 DOM 中
测试页面的子集，看看 Google 是否可以对内容建立索引。
手动检查内容中的引用。
用Google检索一下，看看内容是否出现。
据推测，Google 的检索发生在加载事件前后或超时之前。这是一个很好的 引入下一代采购工具 测试，可以查看 Google 是否可以看到您的内容以及您是否在 robots.txt 中阻止了 JavaScript。虽然 Fetch with Google 并非万无一失，但它是一个很好的起点。
注意：如果您未在 GSC 中进行身份验证
请尝试 Technicalseo.com 的 Fetch and Render As Any Bot Tool。
测试完所有这些后，如果出现问题并且搜索引擎和机器人难以索引和检索您的内容怎么办？也许您担心替代搜索引擎（DuckDuckGo、Facebook、LinkedIn 等），或者您可能正在利用需要由其他机器人解析的元信息，例如 Twitter 摘要卡或 Facebook Open Graph 标签。如果测试发现其中任何一个问题或将其本身视为一个问题，则 HTML 快照可能是唯一的解决方案。
2. HTML 快照
什么是 HTML 快照？
HTML 快照是一个完全渲染的页面（正如人们在 DOM 中看到的那样），可以返回给搜索引擎机器人（想想：DOM 的静态 HTML 版本）。
Google 在 2009 年引入了 HTML
快照，在 2015 年弃用了它们（但仍然支持），并在 2016 年底尴尬地将 购买电子邮件列表 它们称为“逃避”因素。 HTML 快照对于 Google 来说是一个有争议的话题。然而，理解它们很重要，因为在某些情况下它们是必要的。
如果搜索引擎（或 Facebook 等网站）无法理解您的 JavaScript，最好不要对您的内容建立索引并完全理解它，而不是返回 HTML 快照。理想情况下，您的站点将在服务器端利用某种形式的用户代理检测并向机器人返回 HTML 快照。
同时，我们必须认识到 Google 想要一种类似用户的体验（即，只有在测试非常严格并且 JavaScript 搜索组无法为您的情况提供支持的情况下，才向 Google 提供 HTML 快照）。
预订在考虑 HTML 快照时
您应该考虑到 Google 已弃用此 AJAX 建议。尽管谷歌在技术上仍然支持它，但谷歌建议避免它。是的，谷歌改变了主意，现在希望拥有类似用户的体验。这个方向是有道理的，因为它可以让机器人拥有更准确的用户体验。
另一个需要考虑的因素是隐形的风险。如果发现 HTML 快照不能代表页面上的体验，则这被视为隐藏风险。直接来自源头：
“HTML 快照应包含最终用户
在浏览器中看到的相同内容。如果没有，则可以将其视为包装器。”
– Google 开发人员 AJAX 抓取常见问题解答
好处
尽管有这些警告，HTML 快照仍具有强大的优势：