Angular 8 站点地图和 robots.txt

Question

我使用 Angular 8 创建了一个 Angular 应用程序。我正在努力在 Google 上引用我的网站。我在项目的路径中添加了 sitemap.xml 和 robots.txt 但是当我尝试通过这样做访问浏览器中的文件时:

https://blablawebsite.fr/sitemap.xml

路由模块正在拾取路由，找不到页面。如何确保路由模块没有选择 sitemap.xml 和 robots.txt？

Answer 1

与我对接受的答案的理解相反， tt 是 不是 只需添加一个sitemap.xml 或robots.txt 就需要将 Angular 通用添加到您的项目中。
如@David在他的评论中说得更简洁，您需要做的就是 :

在/src 中添加将文件放入您的项目(favicon.ico 旁边)

将它们添加到项目>架构师>构建>选项> Assets 在您的 Angular .json 像这样:

 "assets": [
                  "src/favicon.ico",
                  "src/assets",
                  "src/robots.txt",
                  "src/sitemap.xml"
                ],

更详细的解释 here .
添加。评论:

确保您不会仅在 angular.json 中意外捕获“test”的 Assets ，它们在浏览文件

时会更早地出现。

如果您的 robots.txt 文件无效的警告不再出现在 Chrome 开发工具

中 Lighthouse 报告的 SEO 部分下方，您可以验证 Google 现在可以识别您的 robots.txt。

然而，确实，即使使用 robots.txt，Google 以外的搜索引擎也无法在没有服务器端渲染的情况下很好地处理 Angular SPA(例如，通过 Angular Universal)。甚至谷歌在这方面的能力也存在争议。这个guy很好地解释了它。

我的回答适用于 Angular 10 和 11，其他版本我不知道