義縣遊學電子科技: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打開調試界面,查看頁面的

標籤就可以發現我們剛剛設置的內容生效了.

綜上所述,我們就把今天的文章主題要解決的問題處理完畢了.歡迎大家留言關注哦.


您的原創文章末尾需註明:本文由義縣遊學電子科技公司原創,歡迎關注,帶你一起長知識!


分享到:


相關文章: