使Angular 7应用程序SEO兼容

Question

Html missing loading

这在搜索引擎优化方面造成了问题 我该如何解决？

Answer 1

在您的应用程序中使用Angualr Universal，以使您的应用程序SEO友好

在根目录下运行以下命令：

ng add @ng-toolkit/universal

接下来，当您通过ng serve命令运行应用程序时，需要在以下命令下运行：

npm run build:prod
npm run server

现在，在浏览器中查看视图源，您可以找到具有SEO内容的HTML，如下所示：