如何在 Flutter Web 中管理 SEO？答案

【问题标题】：How Manage SEO In flutter web?如何在 Flutter Web 中管理 SEO？
【发布时间】：2022-06-29 13:45:22
【问题描述】：

我想用 Flutter web 构建我的作品集，但在 Inspect 页面上加载的唯一内容是：

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

如何在 Flutter 中管理 SEO 并使文本也可抓取？

【问题讨论】：

“抢”是什么意思？您的意思是“可被搜索引擎蜘蛛抓取”吗？

标签： html flutter dart web flutter-web

【解决方案1】：

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

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

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

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

【讨论】：

有什么方法可以知道这是否有效？除了来自 seo_anaslyser

【解决方案2】：

注意，使用元标记还要注意，任何为爬虫呈现额外的 html 页面的东西都会让你从谷歌搜索中被禁止，即使用 seo 渲染包。

【讨论】：