Flutter 网络搜索引擎SEO优化友好

原文参考正文

目前,在开发移动和网络应用程序时, Flutter 将成为一种流行趋势。我们都知道桌面版本正处于 beta 测试阶段,并且在 Flutter web 的稳定版本中被淘汰。我们都知道,当互联网出现在图片中时,目标受众就会大得多(世界范围内)。我们的网站不能很容易地到达用户只要输入和搜索到一个搜索引擎,我们得到的结果。当网站是为企业和其他人建立的时候,索引很重要。

当我们希望通过增加搜索索引来建议用户选择我们的应用时,搜索引擎优化是最重要的。

是否可能与 Flutter 网络搜索引擎优化?

这个问题在开发网络应用程序之前或之后出现在我的脑海中。对 web 应用程序更好的 SEO 支持是 Flutter 开发者下一个版本的目标。

这里是我的网站后,使其 SEO 友好的结果以前:

之后:

搜索引擎优化搜索引擎优化搜索引擎是一个过程,它可以提高网站流量的质量和数量,使网站或网页从搜索引擎获得流量。搜索引擎优化的目标是无偿流量,而不是直接流量或付费流量。什么是 seo 友好型?

建立一个 seo 友好的网站意味着谷歌和其他搜索引擎可以高效地抓取网站上的每个页面,有效地解释内容,并将其索引到数据库中。一旦编入索引,他们就可以根据用户搜索的主题向用户提供最相关、最有价值的网页。

我遵循的步骤,使网站 SEO 友好适用于 seo 的 Meta 标签开放图表标签

og:title - The title of your object as it should appear within the graph, e.g., "The Rock".
og:type - The type of your object, e.g., "video.movie". Depending on the type you specify, other properties may also be required.
og:image - An image URL which should represent your object within the graph
.og:url - The canonical URL of your object that will be used as its permanent ID in the graph, e.g., "https://www.imdb.com/title/tt0117500/".

在 meta 标签中有许多可用的属性,你可以在这里找到 here

使用 seo 渲染库渲染文本小部件作为 HTML 元素

navigatorObservers: <RouteObserver<ModalRoute>[routeObserver],

pubspec.yaml

flutter packages get

home_page.dart

语义学

这个小部件使用小部件的含义描述对小部件树进行注释。

可访问性工具、搜索引擎和其他语义分析软件使用它来确定应用程序的含义。

这种语义将为移动环境中的可访问性服务提供信息。

语义的属性:

在语义学中有许多可用的属性,比如,

这里显示了语义的一些属性,

semantics_demo.dart

如果希望调试应用程序的语义,可以将 MaterialApp 的 showSemanticsDebugger 属性设置为 true。这将迫使 Flutter 生成一个覆盖可视化的语义树。搜索引擎渲染器 | Flutter Package

© 猫哥

往期开源GetX Quick Start

新闻客户端

strapi 手册译文

微信讨论群 ducafecat系列集合译文

开源项目

Dart 编程语言基础

Flutter 零基础入门

Flutter 实战从零开始 新闻客户端

Flutter 组件开发

Flutter Bloc

Flutter Getx4

Docker Yapi

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享