如何管理SEO在Flutter网页?

u1ehiz5o  于 2023-01-21  发布在  Flutter
关注(0)|答案(3)|浏览(324)

我想建立我的投资组合与Flutter网页,但唯一的事情是检查页面上的负载是这样的:

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

我怎样才能管理搜索引擎优化的Flutter,使文本也爬行的搜索引擎蜘蛛?

e3bfsja2

e3bfsja21#

完全SEO友好是flutter团队的下一个目标。目前主要是元数据优化。
但是有一些flutter_package可以让你的应用更加SEO友好,并针对Web进行优化:
使用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

9avjhtql

9avjhtql2#

请注意,使用 meta标记也注意,任何呈现额外的html页面的爬虫将让你禁止形式谷歌搜索,即使用seo渲染包。

wn9m85ua

wn9m85ua3#

我已经跟随Flutter的SEO问题很长一段时间2年多了。这不是Flutter的目的!在他们的网站上他们说:
一般来说,Flutter是面向动态应用体验的。Flutter的Web支持也不例外。Flutter Web优先考虑性能、保真度和一致性。这意味着应用输出与搜索引擎需要正确索引的内容不一致。对于静态或类似文档的Web内容,我们建议使用HTML-就像我们在flutter.dev、dart.dev和pub.dev上所做的那样。您还应该考虑将主要应用程序体验(在Flutter中创建)与登录页、营销内容和帮助内容(使用搜索引擎优化的HTML创建)分开。
Flutter是用来开发跨平台的Web应用程序的!Web应用程序从来都不是SEO友好的,但是它们有着Javascript难以复制的优势,比如复杂的动画转换等,而Flutter更容易。
如果您想知道引擎盖下发生了什么,check this!

你该怎么做

创建部分或整个网站,你想用另一种技术和搜索引擎优化友好的一部分,这不是你可以离开它在Flutter,我已经做了很多关于这方面的视频。

不要

我不建议你使用一些Flutter软件包,通过创建隐藏的标签元素来承诺SEO功能,这是一个非常糟糕的SEO实践,it's called Cloaking,你可能会产生相反的效果。
即使你使用这些软件包,你仍然会得到一个非常糟糕的SEO评分,因为Flutter使用画布来绘制,并在大小上真的很大,所以它总是更好地使用html,js...

相关问题