node.js - Angular 4 和 SEO

Question

我有一个由 Express 提供的简单 Angular 4 项目。当我尝试使用 Googlebot 获取我的网站时，它只显示一个空白页面(AppRoot 的 innerHTML)。我以为 Google 声称其机器人支持 Angular 4/JS 网站？

如果这仍然是问题，那么使用 Angular Universal 的服务器端渲染真的是最好的解决方案吗？就像除了为普通客户端呈现的应用程序提供服务的主服务器之外，我还必须设置另一台服务器来为服务器端呈现的应用程序提供服务吗？如果是，我如何告诉 googlebot 转到服务器端呈现的应用程序的端口和正常的 http 流量转到客户端呈现的应用程序的端口？爬虫不是http流量吗？

Answer 1

这个问题不是 Angular4 特有的。由 javascript 动态生成的任何数据将首先显示为空白，然后加载其内容。我假设您正在查看 google page speed Insights .

要查看 google 看到的内容:

1. 注释掉你的外部CSS
2. 注释掉你的外部js

这将是谷歌的初始 View 。之后谷歌将获取外部文件，运行您的 javascript 并呈现页面。 Google 页面速度会在获取外部 Assets 之前和之后对折叠上方的任何更改像素进行惩罚。

Angular Universal(或任何服务器端渲染，因为这不是 Angular 问题)将解决该问题。

希望对您有所帮助。