HTML裡極為重要的一個標籤 META TAG 你我皆不可忽視! 但~它不是給人看的。

META 標籤是一個專門提供給搜尋引擎透過crawlers-spiders爬行蜘蛛索引你的網站,包含了標示各種元素來描述你的網站資訊,很重要。

META 標籤是一個專門提供給搜尋引擎透過crawlers-spiders爬行蜘蛛索引你的網站,包含了標示各種元素來描述你的網站資訊,很重要。

META屬性
meta charset
meta name
meta http-equiv


meta name="description" content="放上網站或服務的一些描述"
meta name="keywords" content="可放入一些關鍵字"
meta name="author" content="放上出版者的資訊"
meta name="generator" content="編輯器名稱"
meta name="copyright" content="版權歸屬"
meta name="distribution" content="發佈所在地區"
meta http-equiv="Content-Language" content="zh-TW"


例 :使用的語言
meta http-equiv="Refresh" content="time" 網頁的更新時間 meta http-equiv="windows-Target" content="_top" 單一視窗顯示
meta http-equiv="Content-Type" content="text/html"; charset="uft-8″ 內容及編碼
meta http-equiv="Pragma" content="no-cache" 禁止瀏覽器快取網頁


META新屬性 [Property]
meta property=og標籤是一種新的標記,主要是提供社群媒介SNS應用。
og:屬  type title image url videosrc width height  site_name  description  ....
fb:屬  admins  page_id ....



META與搜尋引擎的關係
直接來觀察。我搜尋「保養品」這個關鍵字,排第一順位的是小三美日


我們來檢視一下它網站內的META看看有什麼相同


是不是發現了 title標籤與 meta name=descripttion 這二個部份一樣?
再搜一個關鍵字「房屋仲介」排第一順位的

我們來檢視一下它網站內的META看看有什麼相同


網站內最重要的二個標籤一定要好好寫

meta name="description" content="這裡的文字會顯示在搜索後的結果呈現"
title 內的名稱 則是搜索出的主標題


 

  • Let's Connect
  • NakaHiraChow

    是一個在台灣深耕二十多年的設計策略顧問公司用心在地接連世界,將藝術科技化、科技藝術化讓設計充滿想像無邊界。我們深信美好的設計與知識文化分享,可以改變未來的世界。

或許您也會喜歡
推薦閱讀
@MAYAPHOTOGRAPHY