Flutter WEB and SEO you can do this

You cannot solve the problem of Flutter Web and SEO but you have workaround to not waste your time!

So Flutter is really great, it saves you a lot of time, but when we are near the Web we are a little bit skeptic!

The main problem of Flutter is that it has some issues with SEO (Search Engine Optimization), for those who don't know what SEO is, basically are ways to optimize your content to the search engines.

Flutter for the Web use the Canvas tag, an HTML tag used for drawing, even though it a fantastic API the search engines don't have any way to understand what's inside the tag!

The Flutter team is working to solve this problem, but you don't have time to wait for the Flutter Team, I mean... Cmon

Don't

As a solution you may think that you can show the same textual content under the or near the canvas to be fetched by the search engines, but DON'T;

The reason is that for Google this behavior is called Cloaking (You are serving different content than the content that the user is interacting with) and you may get banned.

The solution

I suggest you two main solutions, the first one, you can split your application in 2 parts, the main part that contains only the content that you want the search engines to fetch and do it with for example NodeJS, PHP etc and serve it, and the other part that requires Authorization that it's the most complex part usually do it with Flutter.

In this way you will have no problems with SEO and the most complex part can be done easily with Flutter 😉

Another way that you can use is to generate HTML page from Flutter, but I would suggest the first way.

Thank you for your time!

If you prefer the video version here you can find it

If this helped you consider to subscribe!!