网址结构
历史上，基于 JavaScript 的网站（又名“AJAX 站点”）在 URL 中使用片段标识符 (#)。
不推荐：
Lone Hash (#) – Lone Pound 符号不可抓取。这用于识别锚链接（也称为跳转链接）。的某 按行业划分的特定数据库 个内容。 URL 的单个哈希部分之后的任何内容都不会发送到服务器，并且会导致页面自动滚动到具有匹配 ID 的第一个元素（或名称为以下信息的第一个 <a> 元素）。 Google 建议避免在网址中使用“#”。
Hashbang (#!)（和 escaped_fragments URL） – Hashbang URL 是一种支持爬虫的 hack（Google 现在希望避免这种情况，并且只支持 Bing）。很久以前，Google 和 Bing 开发了一个复杂的 AJAX 解决方案，其中带有 UX 的漂亮 (#!) URL 与机器人的基于 escaped_fragment HTML 的等效体验并存。此后，谷歌放弃了该提议，更愿意提供正确的用户体验。在逃逸片段中，有两个实验：
原始体验又名美丽 URL：
此 URL 必须包含 #! URL 中的 (hashbang) 表示存在转义片段或表示存在 亚马逊：主导电子商务领域 转义片段的元元素 (<meta name=”fragment” content=”!”>)。
转义片段（又名丑陋 URL、HTML 快照）：这会将 URL hashbang (#!) 替换为“_escaped_fragment_”并呈现 HTML 快照。它被称为丑陋的 URL，因为它很长并且看起来像（并且实际上是）黑客攻击。
图像结果
源图像
受到推崇的：
pushState History API – PushState 是基于导航的，是 History API 的一部分（想想：您的网页浏览历史记录）。基本上，pushState 会更新地址栏中的 URL，并且仅更新页面上需要更改的内容。这使得 JS 站点能够利用“干净”的 URL。目前 Google 在支持客户 购买电子邮件列表 端或混合渲染的浏览器导航时支持 PushState。
PushState 的一个很好的用途是无限滚动（即，当用户点击页面的新部分时，URL 将更新）。理想情况下，如果用户刷新页面，体验会将他们带到完全相同的位置。但是，他们不需要刷新页面，因为内容会随着向下滚动而更新，而地址栏中的 URL 也会更新。
示例：可以在此处找到由 Google 的 John Mueller (GoFigure) 创建的搜索引擎友好的无限滚动实现的一个很好的示例。从技术上讲，这利用了replaceState()，它不包括推送状态等后退按钮功能。
阅读更多：Mozilla Push State History API 文档
成就能力
搜索引擎已被证明可以使用无头浏览来呈现 DOM，以更好地了解用户体验和页面上的内容。这意味着 Google 可以处理一些 JavaScript 并使用 DOM（而不是 HTML 文档）。
与此同时，在某些情况下，搜索引擎很难理解 JavaScript。没有人希望在自己的网站或客户的网站上出现全息场景。了解机器人如何与您的现场内容交互至关重要。如有疑问，请进行测试。
假设我们正在讨论运行 JavaScript 的搜索引擎机器人，那么搜索引擎能够检索内容有几个关键要素：
如果用户必须通过沟通才能消除某些内容，搜索引擎可能看不到它。
谷歌是一个缓慢的用户。它不会点击、不会滚动、也不会记录。如果完整的用户体验要求用户采取行动，则应采取特殊的预防措施，以确保机器人获得同等的体验。
如果 JavaScript 在 JavaScript 加载事件触发后约 5 秒*发生，搜索引擎可能看不到它。
* John Muller 提到没有具体的超时值。但是，网站的目标应该是在五秒内加载。
* Screaming Frog 测试显示
了渲染内容的五秒相关性
*加载事件后五秒是 Google 使用的 Google 页面速度洞察、移动友好工具和 Fetch。检查马克斯·佩恩的测试计时器。
如果JavaScript存在错误，浏览器和搜索引擎都将无法导航，如果不执行整个代码，则可能会错过部分页面。
如何确保 Google 和其他搜索引擎可以找到您的内容
1. 测试
解决 JavaScript 问题最流行的解决方案可能根本不解决任何问题（喝杯咖啡，让 Google 发挥其算法优势）。为谷歌提供与搜索者相同的体验是谷歌的首选方案。
Google 于首次宣布
它能够“更好地理解网络（即 JavaScript）”。行业专家建议谷歌可以在此公告之前抓取 JavaScript。 iPullRank 团队在 2011 年就此提供了两篇精彩的文章：Is Google Bot Chrome 和 How Smart Are Google Bots？ （谢谢 Josh 和 Mike）Adam Audit 的 Google Cancrawl JavaScript and Leverage DOM 已于 2015 年验证。因此，如果您可以在 DOM 中看到您的内容，则很可能 Google 正在解析您的内容。