针对 Googlebot 爬虫优化 AngularJS 单页应用

[rakibhasanbd4723]

技术 SEO | 高级 SEO
作者的观点完全是他们自己的（不包括催眠的不太可能发生的情况）并且可能并不总是反映 Moz 的观点。

几乎可以肯定的是，您在网络上的某个地方遇到过 AngularJS，即使您当时没有意识到这一点。以下是使用 Angular 的几个网站的列表：

这些看起来熟悉吗？如果是 VNpay 数据库 这样，那是因为 AngularJS 正在接管互联网。这是有原因的：Angular 和其他 React 风格的框架可以为网站带来更好的用户和开发者体验。首先，AngularJS 和 ReactJS 是网页设计运动的一部分，称为单页应用程序，或 SPA。传统网站会在用户浏览网站时加载每个单独的页面，包括调用服务器和缓存、加载资源和呈现页面，而 SPA 会在用户首次登陆页面时加载整个网站，从而减少大部分后端活动。网站不会在您每次单击链接时加载新页面，而是在用户与网站交互时动态更新单个 HTML 页面。

图片001.png

图片由微软提供

为什么这一趋势会席卷互联网？使用 SPA，用户可以访问速度极快的网站，几乎可以即时浏览，而开发人员则可以使用模板无缝高效地自定义、测试和优化页面。AngularJS 和 ReactJS 使用高级 Javascript 模板来呈现网站，这意味着 HTML/CSS 页面速度开销几乎为零。所有网站活动都在后台运行，用户无法看到。

不幸的是，任何尝试在 Angular 或 React 网站上执行 SEO 的人都知道，网站活动不仅对网站访问者隐藏，对网络爬虫也隐藏。像 Googlebot 这样的爬虫严重依赖 HTML/CSS 数据来呈现和解释网站上的内容。当 HTML 内容隐藏在网站脚本后面时，爬虫就没有网站内容可以索引并在搜索结果中提供。