How Manage SEO In flutter web?

Issue

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?

Solution

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

Answered By – samy cripten

Answer Checked By – Marie Seifert (FlutterFixes Admin)