如何为我的 Flutter Web 应用程序创建搜索引擎优化的 HTML 登陆页面？

Question

背景

您好，我是一名 BE 工程师，刚开始使用 Flutter 构建 Web 应用程序。如果相关的话，我正在使用 Ruby on Rails 作为后端。

问题

在 Flutter SEO 文档中，他们说：

对于静态或类文档的 Web 内容，我们建议使用 HTML，就像我们在 flutter.dev、dart.dev 和 pub.dev 上所做的那样。您还应该考虑将在 Flutter 中创建的主要应用程序体验与使用搜索引擎优化的 HTML 创建的登陆页面、营销内容和帮助内容分开。

我将在 Flutter 目录中的什么位置存储这样的 HTML 页面，以及如何从

main.dart

中的页面定向到该页面并从中返回其中一个页面？任何这样的例子/要点/gh 存储库都会非常有用。

我尝试了什么

我尝试使用

flutter_widget_from_html

但这只是一个嵌入 HTML 的小部件； AFAIU 页面纯 HTML 格式对于 SEO 很重要。

我还尝试使用 Ruby on Rails 将登陆页面添加为视图，但我不喜欢在两个不同的框架中使用两个 FE（如果有 Flutter 替代方案的话）。

---

非常感谢！

Answer 1

flutter 团队并不打算让您在 flutter 目录中包含纯 HTML 页面，而是告诉您不要将 flutter 应用程序用作整个网站。

着陆页应该像任何其他用 HTML 构建的网站（例如 www.example.com）一样进行发布和访问，而 flutter 应用程序则位于子域中（例如 app.example.com）。要将用户从登陆页面引导至 flutter 应用程序，请从登陆页面链接到该应用程序所在的子域。

flutter 代码仅用于主要应用程序体验，不应引用网站的其余部分。