義縣遊學電子科技,提供軟體編程開發,硬體,嵌入式技術,也會分享一些軟體的使用方法,希望大家多多支持.
今天分享一個重磅的技術文章,對於很多用過flutter開發web的朋友一定非常熟悉了開發流程和頁面編寫.但是最終部署是不是會存在一些問題呢?義縣遊學電子科技在最後的部署階段就遇到一個問題,站點建好了怎麼設置seo呢,meta的標籤寫在哪裡呢?帶著這個問題義縣遊學電子科技今天就跟大家分享下自己的解決方法吧.
如果你的flutter項目不出意外的話,項目目錄應該如下:

2.打開上圖所示的web目錄,內容如下:內部會有個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>內容生效了.
綜上所述,我們就把今天的文章主題要解決的問題處理完畢了.歡迎大家留言關注哦.