我有一个主站点和一个用 Flutter 编写的移动应用程序。我想在m.example.com 托管一个 web 版本的 Flutter。但是SEO优化存在问题。有没有人在颤振（ssr、prerender、amp 等）中实现 seo 的实际经验？还是只在没有 SEO 的网站上使用 flutter-web？
【问题讨论】：
标签： flutter dart server-side-rendering flutter-web prerender
不幸的是，不太好。您可以添加 SEO META 标签，但它们对于整个单页应用程序来说都是相同的，因为 Flutter Web 的导航是基于哈希的——这对于试图索引您的网站的爬虫来说是不利的。
来自 Google 的 Flutter 人员表示，Flutter Web 更适合 SPA（单页网络应用程序） - 不适用于需要良好 SEO 优化的大量内容的网站。所以你可以做一些搜索引擎优化，但实际上并不多。拥有一个包含内容和应用程序的网站是完全可以的，但理想情况下，您希望为您的整个应用程序提供良好的 SEO。
因此，就 SEO 而言，Flutter Web 是（至少目前）一种“便宜的解决方案”，理想情况下，您应该拥有一个 Web 应用而不是 Flutter。
Google 最近还宣布，他们的爬虫现在可以渲染 JS，但 Google 并不是唯一的搜索引擎，因此理想情况下，您希望所有搜索引擎都能够读取您的网站。
因此，如果您的网站不以 SEO 为重点，我更愿意在 Flutter Web 上构建。 （至少现在是这样）。
如果您的网站不以 SEO 为重点，我强烈推荐 flutter web
【讨论】：
我也在寻找答案，很奇怪Google支持Firefox和Flutter。我们没有发现它很好地支持 SEO，我认为这是一个时间问题，仅此而已。 所以到目前为止我还没有找到两种方法
第一个解决方案 它是最简单的，也是目前最好的，因为它将帮助您归档指定的句子。应用程序中的所有数据都不会存档。 她使用了这个seo_renderer 库。您可以查看归档方法的示例
第二种解决方案 我认为它更好，但更难，这里有一篇完整的文章，完整地解释了该方法。 Flutter Web Seo & Rich Web Link Preview
【讨论】：
我编写了自己的站点地图生成器来生成每个路径并在 node.js 上自定义渲染 因此，当您使用应用程序时，您正在使用单页应用程序： m.example.com/#posts/id1 但是在站点地图中，您有 m.example.com/posts/id1 当您直接打开此链接时，它会使用 nodejs、express 和 firebase 云函数呈现简单的 html，其中包含标题、描述和正文
目前的问题是首页加载时间导致页面排名低
【讨论】：