Flutter-SEO优化

问题描述

我有一个主要站点和一个用flutter编写的移动应用程序。我想在m.example.com托管Flutter的网络版本。但是SEO优化存在问题。有没有人真正有过在抖动中实现seo的经验(ssr,prerender,amp等)?还是仅在没有SEO的网站上使用flutter-web?

解决方法

我编写了自己的站点地图生成器,以生成每个路径并在node.js上自定义呈现 因此,当您使用应用程序时,您正在使用单页应用程序: m.example.com/#posts/id1 但是在站点地图中 m.example.com/posts/id1 而且,当您直接打开此链接时,它将使用nodejs,express和firebase云函数呈现简单的html,其中包含标题,描述和正文

当前问题是首页加载时间导致页面排名较低

,

不幸的是不太好。您可以添加 SEO META 标签,但它们对于整个单页应用程序都是相同的,因为 Flutter Web 的导航是基于哈希的 - 对尝试为您的网站编制索引的爬虫不利。

来自 Google 的 Flutter 人员表示,Flutter Web 更适合 SPA(单页 Web 应用程序) - 不适用于包含大量需要良好 SEO 优化的内容的网站。所以你可以做一些搜索引擎优化,但实际上并不多。将内容和应用分开的网站是半确定的,但理想情况下,您希望为整个应用提供良好的 SEO。

因此,就 SEO 而言,Flutter Web 是(至少目前)一个“便宜的解决方案”,理想情况下,您应该拥有一个不是 Flutter 的网络应用程序。

Google 最近还宣布他们的抓取工具现在可以呈现 JS,但 Google 并不是唯一的搜索引擎,因此理想情况下,您希望所有搜索引擎都能够读取您的网站。

因此,如果您的网站不以 SEO 为重点,我更愿意在 Flutter Web 上进行构建。 (也许至少现在是这样)。

如果您的网站不以 SEO 为重点,我强烈推荐 Flutter web

,

我还在Google上找到它。 我想事情需要时间。

相关问答

依赖报错 idea导入项目后依赖报错,解决方案:https://blog....
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下...
错误1:gradle项目控制台输出为乱码 # 解决方案:https://bl...
错误还原:在查询的过程中,传入的workType为0时,该条件不起...
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct...