義縣遊學電子科技:flutter-web設置meta標籤便於搜索採集的方法

2020-12-05 義縣遊學電子科技公司

義縣遊學電子科技,提供軟體編程開發,硬體,嵌入式技術,也會分享一些軟體的使用方法,希望大家多多支持.

今天分享一個重磅的技術文章,對於很多用過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>內容生效了.

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

相關焦點

  • meta標籤詳解:網頁中的meta標籤的作用
    meta 標籤用於網頁的<head>與</head>中,meta 標籤的用處很多。meta 的屬性有兩種:name和http-equiv。name屬性主要用於描述網頁,對應於content(網頁內容),以便於搜尋引擎機器人查找、分類(目前幾乎所有的搜尋引擎都使用網上機器人自動查找meta值來給網頁分類)。
  • 網頁Meta標籤的用法總結
    meta標籤keywords 和description以前都是我們網頁優化的時候經常用到的。所以,一提到meta,我們就想到這兩個了,但是最近項目中用到了許多新的,沒想到這個小小的標籤有這麼多用處。<meta content="no" name="apple-mobile-web-app-capable">刪除默認的蘋果工具欄和菜單欄。需要顯示工具欄和菜單欄時,不需要添加,默認值為no,即正常顯示。
  • 關於meta的那些事兒
    在使用meta標籤時,之前只知道content和http-equiv、name等基本的屬性,知道最近在看google設計網頁的源碼,發現了一些更多維度的meta屬性,就有些不知所以然了,因此,再繼續對meta屬性和參數做一個總結。本文非作者原創,屬於各網頁的一個總結,文章末尾將附來源連結。
  • 描述標籤(Meta Description)的SEO優化
    Meta Description,或者稱作描述標籤,是html代碼中用以簡短描述網頁內容的一個標籤,其格式如下:你在Description中所撰寫的內容,並不會呈現在網頁上被使用者看到,只有在網頁原始碼和搜索結果中,才能看到當中的文字。這些內容,會出現在搜索結果的標題與網址下方,作為網頁內容的摘要。
  • 網頁設計中Meta標籤詳解
    您的個人網站即使做得再精彩,在浩瀚如海的網絡空間中,也如一葉扁舟不易為人發現,如何推廣個人網站,人們首先想到的方法無外乎以下幾種:● 在搜尋引擎中登錄自己的個人網站● 在知名網站加入你個人網站的連結● 在論壇中發帖子宣傳你的個人網站很多人卻忽視了HTML標籤
  • 一文初步學會Meta文獻檢索 | Meta簡明教程
    cochrane library:https://www.cochranelibrary.com/Scopus:https://www.scopus.com/中文醫學的meta論文: 建議大家選擇 中國知網,萬方,維普、中國生物醫學、Pubmed, Embase, web of science,cochrane library,Scopus英文醫學的
  • 疫情來襲,宅家學習meta分析(2):一文學會Meta文獻檢索
    cochrane library:https://www.cochranelibrary.com/Scopus:https://www.scopus.com/中文醫學的meta論文: 建議大家選擇 中國知網,萬方,維普、中國生物醫學、Pubmed, Embase, web of science,cochrane library,Scopus英文醫學的
  • 石墨烯RFID電子標籤具備怎樣的優勢
    RFID又稱無線射頻識別技術,是非接觸式數據自動採集技術,是物聯網的核心技術之一。其最大特點是信息採集速度快,不需要機械或光學接觸,完全通過無線通信技術完成,在1秒鐘內能夠同時採集數百上千個物體信息,信息採集準確率高。目前該技術已廣泛應用於物流倉儲、交通運輸、安全防偽、行動支付等幾乎所有領域。
  • 專訪實時搜尋引擎Meta搜索聯合創始人杜晨
    最終成為其中一分子,如今是基於數據分析平臺的新型網際網路服務公司——meta.cn聯合創始人。..。在此我們將誠邀杜晨與我們分享一下他豐富和充滿傳奇色彩的網際網路經歷以及Meta搜索發展中的點點滴滴,相信這中間一定有很多精彩的故事。我們今天的訪談即將開始,敬請期待!邊緣元素:杜晨您好,很高興您能從百忙中抽出時間來接受優友網的專訪。
  • 基於二進位搜索的RFID標籤防碰撞算法研究
    RFID系統一般由兩個部分組成,即電子標籤和閱讀器。在RFID技術的實際應用中,電子標籤附著在被識別物體(表面或者內部)上,當帶有電子標籤的被識別物品通過閱讀器的可識讀區域時,閱讀器自動以無接觸的方式將電子標籤中的約定識別信息取出,從而實現自動識別物品或自動收集物品標識信息的功能。
  • 條形碼、二維碼和RFID數據採集方法及應用!
    數據採集是物聯網感知層最關鍵的技術,目前常用的數據採集方法有條形碼,二維碼和RFID技術。本文比較了物聯網中這3種關鍵數據採集方法的各自特點。  一、3種數據採集方式原理介紹  1、關於條形碼的原理  我們在超市買東西時,就可以見到。在我們生活中應用十分普遍。
  • 條形碼、二維碼和RFID數據採集方法的比較
    數據採集是物聯網感知層最關鍵的技術,目前常用的數據採集方法有條形碼,二維碼和RFID技術。本文比較了物聯網中這3種關鍵數據採集方法的各自特點。  一、3種數據採集方式原理介紹  1. 關於條形碼  我們在超市買東西時,就可以見到。在我們生活中應用十分普遍。
  • 不乾膠標籤紙斑馬條碼印表機紙張設置方法
    那麼兆麟條碼小編今天給大家分享一下條碼印表機列印標籤紙的設置方法如下:在平時產品標籤,條碼標籤等等各種標籤列印時,都需要在條碼列印軟體中將紙張尺寸設為和標籤紙實際尺寸相符,這樣才可以在列印時正好列印在相符的紙張上。
  • UHF RFID電子標籤常見的形態及應用
    RFID標籤、高頻RFID標籤和超高頻RFID電子標籤幾大類,但這些標籤消耗量巨大的場景幾乎都是使用超高頻RFID標籤,這主要源自以下優勢: (1)超高頻RFID電子標籤的讀取距離更遠; (2)超高頻RFID電子標籤安全性、保密性強; (3)超高頻RFID電子標籤可以識別高速運動的物體; (4)超高頻RFID電子標籤能同時實現多對象的同步識別;
  • web表格設計攻略
    表頭一般指列標籤,這裡也指首列行標籤,是對所屬行或列信息的描述。表尾一般是統計信息,例如總計、平均數等。背景色方面,除了行/列交替顏色(可以區隔內容,引導視線)、懸停高亮底色(便於準確辨別光標所在行)等處理方法,還可以對表頭表尾進行視覺區分。(2)足夠的留白既包括保證數據單元格之間的留白,又包括單元格內部(padding)留白,以保證易讀性。
  • Google Chrome新增標籤搜索和改進的反病毒配合能力
    谷歌正在推出兩項新功能,其中包括正在測試中的一項名為 "標籤搜索"的新功能,該功能將允許用戶輕鬆定位打開的標籤頁,此外,還計劃在Windows 10上改進Chrome與殺毒軟體的配合能力。谷歌在開發一個新的可操作地址欄,可以通過輸入關鍵詞打開瀏覽器設置。
  • 大數據技術的方法與工具1-採集篇
    在現實生活中,數據產生的種類很多,並且不同種類的數據產生的方式不同,所以大數據採集的方法和所用的工具分為以下幾種:一採集方法通過系統日誌採集大數據:用於系統日誌採集的工具常見的有Hadoop Chukwa、Cloudera Flume、Facebook Scribe和LinkedIn Kafka
  • Web前端應用十種常用技術
    隨著JS與XHTML的應用普及,越來越多的web界面應用技術出現在網站上,比如我們常見的日曆控制項,搜索下拉框等,這些web界面應用技術大大的豐富了網站的表現形式,本文將為您精心推薦十種最常見的web界面應用技術。Web應用程式的界面設計,其核心就是網頁設計 ,但它的重點主要是在功能方面。
  • meta你是否有注意優化呢?
    優化網站是seoer要做的基礎工作,在網站的優化中大家第一時間應該會想到meta標籤裡的內容優化,那麼meta標籤裡都有哪些需要優化的點呢?本文很從心seo就來和大家說說seo優化裡的基礎內容吧。meta是我們網站裡的重要部分,而在這個標籤裡就有著seo可以優化的內容,包括:description:網站描述,這是seoer非常熟悉的一個標籤了,而這也是seo優化中很重要的部分,我們需要通過這個標籤來告訴搜尋引擎,這是一個什麼網站,這個網站上有什麼樣的內容,當然更重要的是我們要將這個網站需要優化的關鍵詞放入到這個標籤中去。