1.meta標籤特性
meta標籤在網站中有很強大的功效,一個設計較好的meta標籤,可以大大提高網站被搜索到的可能性,對搜索引擎優化具有至關重要的作用。以下是meta標籤的特性:
- meta標籤是單標籤,格式如下:
<meta 屬性="值" />
- meta標籤永遠位於head元素內部
- meta標籤分兩大部分:http標題信息(http-equiv)和頁面描述信息(name)
2.meta標籤的http標題信息
http-equiv相當於http的文件頭作用,它可以向瀏覽器傳回一些有用的信息,以幫助正確和精確地顯示網頁內容,與之對應的屬性值爲content,content中的內容其實就是各個參數的變量值。
meta標籤的http-equiv屬性語法格式是:
<meta http-equiv="參數" content="參數變量值"/>
其中http-equiv屬性主要有以下幾種參數:
(1)expires(期限)
說明:可以用於設定網頁的到期時間。一旦網頁過期,必須到服務器上重新傳輸。
舉例:
<meta http-equiv="expires" content="Wed, 20 June 2016 10:30:00 GMT">
注意:必須使用GMT的時間格式。
(2)pragma(cache模式)
說明:禁止瀏覽器從本地計算機的緩存中調閱頁面內容。
舉例:
<meta http-equiv="pragma" content="no-cache"/>
注意:這樣設定,訪問者將無法脫機瀏覽。
(3)refresh(刷新)
說明:定時刷新讓網頁自動鏈接到其它網頁。
舉例:
<meta http-equiv="refresh" content="5;URL=http://www.baidu.com"/>
注意:其中的5是指停留5秒鐘後自動刷新到URL網址,秒數和URL直接用分號隔開。
(4)content-type(顯示字符集的設定)
說明:設定頁面使用的字符集。
舉例:
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
charset選項:
GB2312、GBK和UTF-8都是一種字符編碼,除此之外,還有好多字符編碼。只是對於我們中國人的網站來說,用這三種編碼比較多。
- UTF-8 (UTF-8包含全世界所有國家需要用到的字符,是國際編碼,通用性強,又稱萬國碼。如:阿里雲、淘寶網等都採用這種編碼方式)
- GBK (GBK是包括中日韓字符的大字符集合。如:京東網採用的是GBK編碼)
- GB2312 (GB2312是GBK的子集,是一種簡體中文編碼,通行於中國大陸。如:騰訊網、網易等都採用該種編碼)
3.meta標籤的頁面描述信息
name是描述網頁的,對應於content(網頁內容),以便於搜索引擎機器人查找、分類,目前幾乎所有的搜索引擎都使用網上機器人自動查找meta值來給網頁分類。
meta標籤的name屬性語法格式:
<meta name="參數" content="具體參數值" />
(1)keywords (關鍵字)
說明:告訴搜索引擎你網頁的關鍵字是什麼。
舉例:
<meta name="keywords" content="網上購物,網上商城,手機,筆記本,電腦,MP3,CD,VCD,DV,相機,數碼,配件,手錶,存儲卡,京東">
注意:上面代碼來自於京東網,關鍵詞之間用英文逗號隔開。
(2)description (網頁描述)
說明:description用來告訴搜索引擎你的網頁主要內容。
舉例:
<meta name="description" content="京東JD.COM-專業的綜合網上購物商城,銷售家電、數碼通訊、電腦、家居百貨、服裝服飾、母嬰、圖書、食品等數萬個品牌優質商品.便捷、誠信的服務,爲您提供愉悅的網上購物體驗!">
上圖是從百度搜索京東,紅框內的信息就是meta標籤,description描述的內容。
(3)robots (機器人嚮導)
說明: robots用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。content的參數有all、none、index、noindex、follow、nofollow。默認是all。
舉例:
<meta name="robots" content="all"/>
參數說明:
all:搜索引擎將索引此網頁,且頁面上的鏈接可以被查詢,等價於index和follow
none:搜索引擎將忽略此網頁,且頁面上的鏈接不可以被查詢,等價於noindex和nofollow
index:文件將被索引
follow:搜索引擎通過此網頁的鏈接,索引搜索其它的網頁。
noindex:文件將不被檢索,但網頁中的鏈接,可以索引搜索其它的網頁
nofollow:文件將不被檢索,搜索引擎不可以通過此網頁的鏈接,繼續索引其它網頁
(4)author (作者)
說明:標註網頁的作者或製作組。
舉例:
<meta name="author" content="作者的名字"/>