'How Manage SEO In flutter web?

I want to build my portfolio with Flutter web, but only thing is load on Inspect page is this:

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

How can I manage SEO in flutter and make texts also grabbable?

htmlflutterdartwebflutter-web


Solution 1:[1]

being Total SEO friendly is the next goal of the flutter team. for now is mostly metadata optimization.

But there is some flutter_package that macks your app more SEO friendly and optimize for web :

Using seo_render library for render text widgets as HTML elements. Using Semantics widget like this:

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

);

for more information, I suggest reading this article flutter-seo-friendly

Solution 2:[2]

Note, use meta tags also note that anything that renders an additional html page for crawers will get you banned form Google search, i.e. using seo render package.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 samy cripten
Solution 2 Fred Grott

Related Questions