义县游学电子科技:flutter-web设置meta标签便于搜索采集的方法

义县游学电子科技,提供软件编程开发,硬件,嵌入式技术,也会分享一些软件的使用方法,希望大家多多支持.

今天分享一个重磅的技术文章,对于很多用过flutter开发web的朋友一定非常熟悉了开发流程和页面编写.但是最终部署是不是会存在一些问题呢?义县游学电子科技在最后的部署阶段就遇到一个问题,站点建好了怎么设置seo呢,meta的标签写在哪里呢?带着这个问题义县游学电子科技今天就跟大家分享下自己的解决方法吧.

  1. 如果你的flutter项目不出意外的话,项目目录应该如下:


义县游学电子科技:flutter-web设置meta标签便于搜索采集的方法

flutter项目目录结构

2.打开上图所示的web目录,内容如下:内部会有个index.html文件,其中的文件夹无用且是我自己后建立的.

义县游学电子科技:flutter-web设置meta标签便于搜索采集的方法

内部会有个index.html文件

3.可能大家也猜到了,今天的flutter项目seo问题解决就是在这个文件中.我们修改index.html内容如下,加入了html的meta标签:


<title>flutter_app3/<title>


我这边添加标签,加入了我们自己公司的一些信息.大家根据需要进行修改即可.

4.加入是加入完毕了,那如何验证我们的meta生效了呢.我们运行flutter项目,这是会打开首页的.见下图:

义县游学电子科技:flutter-web设置meta标签便于搜索采集的方法

打开首页后,我们按下f12打开调试界面,查看页面的

标签就可以发现我们刚刚设置的内容生效了.

综上所述,我们就把今天的文章主题要解决的问题处理完毕了.欢迎大家留言关注哦.


您的原创文章末尾需注明:本文由义县游学电子科技公司原创,欢迎关注,带你一起长知识!


分享到:


相關文章: