如何在 flutter web 中管理 SEO？

Question

我想用 Flutter web 构建我的作品集，但检查页面上唯一加载的是：

<flt-glass-pane style="position: absolute; inset: 0px; cursor: default;"></flt-glass-pane>

如何在 flutter 中管理 SEO 并使文本也易于抓取？

Answer 1

对 SEO 全面友好是 flutter 团队的下一个目标。目前主要是元数据优化。

但有一些 flutter_package 让您的应用程序对 SEO 更友好并针对网络进行优化：

使用 seo_render 库将文本小部件呈现为 HTML 元素。像这样使用 Semantics 小部件：

Semantics(
  label: 'Counter button',
  hint: 'Press to increase',
  value: '$_counter',
  onTap: () { setState(() { _counter++; }); }
  child: Text(
    '$_counter',
    style: Theme.of(context).textTheme.display1,
  ),

);

要了解更多信息，我建议阅读这篇文章flutter-seo-friendly

Answer 2

请注意，使用元标记还请注意，任何为爬虫呈现额外 html 页面的内容都会让您被禁止进行 Google 搜索，即使用 seo 呈现包。

如何在 flutter web 中管理 SEO？

How Manage SEO In flutter web?

html

web

dart

flutter

flutter-web