无论您采取什么措施来缩短此步骤，请确保在继续步骤 2 之前拥有完整的列表。 2) 安装预渲染器。 在为 SPA 执行 SEO 时，Prerender 将是您最好的朋友。预渲染是一种在虚拟浏览器中渲染您的网站，然后将静态 HTML 内容渲染给网络爬虫的服务。
从 SEO 的角度来看，这是一个如您所愿的好解决方案：用户仍然可以获得快速、动态的 SPA 体验，而搜。 预渲染价格根据您网站的大小以及您提交给 Google 的缓存更新而有所不同。
较小的网站最多 250 个页面可以
免费使用预渲染，而较大的网站（或不断更新的网站）可能 手机数据 每月支付高达 200 美元以上的费用。然而，拥有一个可索引的网站版本可以让您通过自然搜索吸引客户，这是非常宝贵的。
以下是您在第 1 步中编制的列表： 如果您可以优先考虑网站的哪些部分需要提交给搜索引擎，或者以什么频率提交，那么您可以在提高 SEO 进步的同时每月节省一点钱。 3）“像谷歌一样” Google Search Console 中有一个非常有用的功能，称为“Fetch as Google”。
“以 Google 方式获取”允许您输入网
站中的 URL，并像 Googlebot 在抓取过程中一样获取它。 “Fetch”从页面返回 HTTP 响应，其中包括 Googlebot 看到的页面源代码的完整下载。
“获取和渲染”将返回 HTTP 响应，并提供 Googlebot 看到的页面屏幕截图以及网站 滴滴 而且也推出了超时等待 访问者看到的页面屏幕截图。 它为 AngularJS 网站提供了强大的应用程序。即使安装了预渲染，您可能会发现 Google 仍然只部分显示您的网站，或者可能会遗漏您网站上对用户有帮助的重要功能。
将 URL 插入“Fetch as Google”将允许
您评估您的网站在搜索引擎上的显示方式以及您可能需要采取哪些额外步骤来提高关键字排名。此外，在发出“获取”或“获取并渲染”请求后，您可以选择为该页面“请求索引”，这可以成为您的网站出现在搜索结果中的有用催化剂。
4) 配置 Google Analytics（或 Google 标签管理器） 正如我上面 安圭拉讯息 提到的，SPA 在记录 Google Analytics 数据时可能会遇到严重问题，因为它们不像标准网站那样跟踪页面浏览量。
您需要通过某种替代方法安装 Analytics
而不是传统的 Google Analytics 跟踪代码。 一种行之有效的方法是使用 Angulartics 插件。 Angulartics 用虚拟综合浏览量跟踪替换了标准综合浏览量事件，虚拟综合浏览量跟踪跟踪用户在应用程序中的整个导航。
由于 SPA 动态加载 HTML 内容
此这些虚拟页面视图是根据用户与网站的交互来记录的，最终跟踪您使用传统 Analytics 所做的相同用户行为。其他人已经成功使用 Google 跟踪代码管理器“历史更改”触发器或其他创新方法，这些都是完全可以接受的实现。
只要您的 Google Analytics 跟踪记录用户交互而不是传统的页面视图，您的分析设置就足够了。 5) 重新抓取网站。 完成步骤 1-4 后，您将需要自己抓取网站以查找 Googlebot 甚至没有注意到的错误。
我们早期与客户发现的一个问题是
安装 Prerender 后，我们的爬虫仍然陷入蜘蛛网中： 正如您可能知道的那样，这个特定网站实际上没有 150,000 个页面。我们的爬虫刚刚发现了一个重复循环，该循环不断为网站内容生成越来越长的 URL 字符串。
这是我们在 Google Search Console 或 Analytics 中找不到的东西。 SPA 因引起令人痛苦的、无法解释的问题而臭名昭著，只有通过爬行网站才能发现这些问题。即使您按照上述步骤并采取尽可能多的预防措施，我几乎可以保证您会遇到只能通过爬网诊断的独特问题。