DEV Community

Cover image for Flutter Web SEO problem workaround

Posted on • Originally published at

Flutter Web SEO problem workaround

Flutter Web has a big problem, you like Flutter but then you get to know that Flutter it is not well optimized and has some problems with SEO.

Check this out! I'll give a few trick to use until, they, if, fix this problem.

So what's the problem?

For Web Flutter use the canvas tag! For those who don't know, the canvas is a tag used for drawing; 

It is a really powerfull tag, it let you achieve goals that otherwise are not possible, like complex animations, new ways of interacting with data etc...

Ways that are not possible with the standard HTML, CSS, JS at all.

So what's the problem? seems good right? No bro! The problem is that the Search Engine has not way to understand how your content is made, since it only understands textual content.

No Flutter?

Flutter is a great SDK it saves you a ton of time, so I don't se why you should use it anymore, I mean yes it has this problem, but we can find some workarounds.

Before they solve this problem it may take a lot of time, let me tell you how to.

How to!

I would say that when you want to develop for the Web you should one take in consideration the project that you want to create!

If you want to create an article based Website like or This one then you can split your website in 2 parts, the part that will show the articles to serve it with node, php or other ways and the hidden part that needs authorization to do it with Flutter; So all the complex part that, for example, contains the management of users, analytics etc...

What do you think? I'll give you another Idea, for example, you can as before use Flutter to create a sort of CMS that will generate HTML pages.

In this way your contente will be visible by search engines without problems.

Don't do this!!!

You have to be careful when serving content to search engines, one solution that probably you had in your mind was to show a clone content of what's visible on your App in a way or another, BUT....

This MAY be a violation of the of Google's guidelines if you are targeting this one; It is called Cloaking.

Here you have a link that explains more about this thing.


Top comments (3)

wadecodez profile image
Wade Zimmerman

Cloaking is not the solution. The video clearly states "white hat cloaking" does not exist. All cloaking is discouraged and considered high risk.

aspiiire profile image

I don't understand... I have talked about cloaking under don't do this... I have also linked the Google page... I have not presented cloaking as the solution.. so I don't understand, what do you mean?

pablonax profile image
Pablo Discobar

If you are interested in this, you can also look at my article about Flutter templates. I made it easier for you and compared the free and paid Flutter templates. I'm sure you'll find something useful there, too. -