几乎可以肯定，您在网络上遇到过 AngularJS，即使您目前还不熟悉它。以下是一些使用 Angular 的网站的列表： Upwork.com 自由职业者网站 Udemy.com Youtube.com 这些看起来很熟悉吗？如果是这样，那是因为 AngularJS 正在接管互联网。
这样做有一个很好的理由：Angular 和其他 React 风格的框架可以。作为背景，AngularJS 和 ReactJS 是称为单页应用程序（SPA）的网页设计运动的一部分。
传统网站会在用户浏览网站
加载每个单独的页面，包括调用服务器和缓存、加载资源以及呈现页面，而 SPA 通 海外数据 次登陆页面时加载整个网站来消除后端活动。该网站不会在每次单击链接时加载新页面，而是会在用户与网站交互时动态更新单个 HTML 页面。
图片001.png 图片由 Microsoft 提供 为什么这一运动在互联网上愈演愈烈？借助 SPA，用户可以享受到几乎可以立即导航的超快网站，而开发人员则拥有一个模板，使他们能够无缝、高效地自定义、测试和改进页面。
AngularJS 和 ReactJS 使用现
代 JavaScript 模板来渲染网站，这意味着 HTML/CSS 页面速度开销几乎为零。所有网站活动都发 建立信用体系 引入用户信用 生在幕后，用户看不到。 不幸的是，任何在 Angular 或 React 网站上尝试过 SEO 的人都知道，网站活动不仅对网站访问者不可见：它对网络爬虫也是不可见的。
像 Google Bot 这样的爬虫严重
依赖 HTML/CSS 数据来呈现和解释网站上的内容。当 HTML 内容隐藏在网站脚本后面时，爬网程序就没有网站内容可以索引并在搜索结果中提供服务。 当然，Google 声称它可以抓取 JavaScript（并且 SEO 已经测试并支持了这一说法），但如果这是真的，Googlebot 仍然很难抓取构建在 SPA 框架上的网站。
当客户第一次向我们提出 Angular 网站时，我们遇到的第一个问题是，SERP 中除了主页之外什么都没有出现。 ScreamingFrog 爬行会公开主页和其他 JavaScript 资源，仅此而已。 SF Javascript.png 另一个常见问题是记录 Google Analytics 数据。
想一想：分析数据是通过记录
用户每次导航到页面时的页面视图来跟踪的。当没有 HTML 响应来触发页面视图时，如何跟 安圭拉讯息 踪站点分析？ 在与众多客户的 SPA 网站合作后，我们开发了一种在这些网站上执行 SEO 的流程。
通过这个流程，我们不仅可以让 SPA 网站通过搜索引擎排名，还可以让其关键词排名在首页。 AngularJS 的 5 步 SEO 解决方案 列出网站上的所有页面 安装预渲染器。 “像 Google 一样” 配置分析。
重新抓取网站。 1）列出您网站上的所有页面 如果这听起来像是一个漫长而痛苦的过程，那是因为它确实可以如此。对于某些站点，这就像导出站点的 XML 站点地图一样简单。对于其他网站，尤其是那些拥有数百或数千页面的网站，可能需要数小时或数天才能生成网站上所有页面的完整列表。
然而，我无法充分强调这一步骤对
我们的帮助。拥有网站上所有页面的索引可以为您在为网站建立索引时提供参考和咨询指南。几乎不可能预测您在 SPA 中遇到的每个问题，并且如果您在 SEO 优化期间没有完整的内容列表可供参考，那么您很可能会无意中使网站的某些部分未被搜索引擎索引。
可以让您简化此过程的一种解决方案是将内容划分为目录而不是单个页面。例如，如果您知道有一个库房页面列表，请添加您的 /storeroom/ 目录并记下包含多少页面。或者，如果您有一个电子商务网站，请记下每个购物类别中有多少产品，并以这种方式组织您的列表（即使您有一个电子商务网站，我希望您在某个地方有一个产品主列表）。