angularjs - 对于 SEO，我可以在我的 Angular 应用程序旁边提供一个静态 HTML 替代版本吗？

Question

我有一个单页 AngularJS 应用程序，我希望初始页面呈现包含所有相关信息作为 HTML，以便在禁用 JavaScript 的情况下抓取它。

为简单起见，我考虑只添加一个替代的 HTML 版本，它会在 Angular 应用程序加载时隐藏。

<div>
    <!-- Static page content for crawlers, hidden when Angular app loads -->
</div>

<!-- Angular app -->

这种方法(提供完整的预渲染副本)有什么缺点？ Angular 应用程序从呈现为页面一部分的 JavaScript 对象中提取数据，我很高兴能够忍受数据被发送两次。

Answer 1

Google 定义了一个规范，允许您在所有必要的 Javascript 都运行到搜索引擎之后提供页面 HTML 的快照。

这得到了 Google、Bing、Yandex 甚至一些社交网络机器人的支持:以下是支持者的详细信息:http://blog.ajaxsnapshots.com/2013/11/googles-crawlable-ajax-specification.html

自己实现这个是一项相当大的工作，因此包括 https://ajaxsnapshots.com 在内的几家公司(我为谁工作)将其作为一项服务提供，您可以将其插入您的网络服务器，而无需对您的应用程序进行任何更改。