今天分享一个重磅的技术文章,对于很多用过flutter开发web的朋友一定非常熟悉了开发流程和页面编写.但是最终部署是不是会存在一些问题呢?义县游学电子科技在最后的部署阶段就遇到一个问题,站点建好了怎么设置seo呢,meta的标签写在哪里呢?带着这个问题义县游学电子科技今天就跟大家分享下自己的解决方法吧.
如果你的flutter项目不出意外的话,项目目录应该如下:flutter项目目录结构
2.打开上图所示的web目录,内容如下:内部会有个index.html文件,其中的文件夹无用且是我自己后建立的.

内部会有个index.html文件
3.可能大家也猜到了,今天的flutter项目seo问题解决就是在这个文件中.我们修改index.html内容如下,加入了html的meta标签:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>flutter_app3</title>
<meta name="keywords" content="义县游学电子科技有限公司官网,义县游学电子科技有限公司,义县游学电子科技,锦州义县游学电子,软件编程开发,系统软件开发,物联网,嵌入式硬件系统研发,网站开发,小程序制作,手机Android软件开发,商城,个人博客,论坛,企业官网开发,义县奉国寺,万佛堂石窟,老爷岭,医巫闾山">
<meta name="description" content="义县游学电子科技有限公司提供软件编程开发,系统软件开发,物联网,嵌入式硬件系统研发,网站开发,小程序制作,手机Android软件开发,商城,个人博客,论坛,企业官网开发,网站开发">
</head>
<body>
<script src="main.dart.js" type="application/javascript"></script>
</body>
</html>
我这边添加<meta>标签,加入了我们自己公司的一些信息.大家根据需要进行修改即可.
4.加入是加入完毕了,那如何验证我们的meta生效了呢.我们运行flutter项目,这是会打开首页的.见下图:
打开首页后,我们按下f12打开调试界面,查看页面的<head>标签就可以发现我们刚刚设置的<meta>内容生效了.
综上所述,我们就把今天的文章主题要解决的问题处理完毕了.欢迎大家留言关注哦.
您的原创文章末尾需注明:本文由义县游学电子科技公司原创,欢迎关注,带你一起长知识!