複製鏈接
請複製以下鏈接發送給好友
https://baike.baidu.hk/item/META標籤/733434
複製
複製成功

META標籤

鎖定
通常所説的META標籤，是在HTML網頁源代碼中一個重要的html標籤。META標籤用來描述一個HTML網頁文檔的屬性，例如作者、日期和時間、網頁描述、關鍵詞、頁面刷新等。 [1] 
中文名
META標籤
外文名
META tag
描    述
一個HTML網頁文檔的屬性
來    源
HTML標籤
位    置
<head>裏，<title>標籤上方

目錄

  1. 1 作用
  2. 2 組成
  1. 3 屬性
  2. 4 描述設計
  1. 5 錯誤
  2. 6 標籤

META標籤作用

META標籤是HTML標記HEAD區的一個關鍵標籤，它位於HTML文檔的<head>和<title>之間（有些也不是在<head>和<title>之間）。它提供的信息雖然用户不可見，但卻是文檔的最基本的元信息。<meta>除了提供文檔字符集、使用語言、作者等基本信息外，還涉及對關鍵詞和網頁等級的設定。
所以有關搜索引擎註冊、搜索引擎優化排名等網絡營銷方法內容中，通常都要談論META標籤的作用，我們甚至可以説，META標籤的內容設計對於搜索引擎營銷來説是至關重要的一個因素，合理利用 Meta 標籤的 Description 和Keywords 屬性，加入網站的描述或者網頁的關鍵字，可使網站更加貼近用户體驗。
從HTML代碼實例中可以看到，一段代碼中有3個含有meta的地方，並且meta並不是獨立存在的，而是要在後面連接其他的屬性，如description、Keywords、http-equiv等。下面簡單介紹一些搜索引擎營銷中常見的META標籤的組成及其作用。

META標籤組成

META標籤可分為兩大部分：HTTP-EQUIV和NAME變量。
HTTP實例
HTML代碼實例中有一項內容是
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
其作用是指定了當前文檔所使用的字符編碼為gb2312，也就是中文簡體字符。根據這一行代碼，瀏覽器就可以識別出這個網頁應該用中文簡體字符顯示。類似地，如果將"gb2312"換為"big5"，就是我們熟知的中文繁體字符了。
HTTP使用方法
1、<meta http-equiv="Content-Type" content="text/html;charset=gb_2312-80">和<meta http-equiv="Content-Language" content="zh-CN">用以説明主頁製作所使用的文字以及語言；又如英文是ISO-8859-1字符集，還有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集；
2、<meta http-equiv="Refresh" content="n;url=http://yourlink">定時讓網頁在指定的時間n內，跳轉到你的頁面；
3、<meta http-equiv="Expires" content="Mon,12 May 2001 00:20:00 GMT">可以用於設定網頁的到期時間，一旦過期則必須到服務器上重新調用。需要注意的是必須使用GMT時間格式；
4、<meta http-equiv="Pragma" content="no-cache">是用於設定禁止瀏覽器從本地機的緩存中調閲頁面內容，設定後一旦離開網頁就無法從Cache中再調出；
5、<meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT">cookie設定，如果網頁過期，存盤的cookie將被刪除。需要注意的也是必須使用GMT時間格式；
6、<meta http-equiv="Pics-label" content=>網頁等級評定，在IE的internet選項中有一項內容設置，可以防止瀏覽一些受限制的網站，而網站的限制級別就是通過meta屬性來設置的；
7、<meta http-equiv="windows-Target" content="_top">強制頁面在當前窗口中以獨立頁面顯示，可以防止自己的網頁被別人當作一個frame頁調用；
8、<meta http-equiv="Page-Enter" content="revealTrans（duration=10,transition= 50）">和<meta http-equiv="Page-Exit" content="revealTrans（duration=20，transition=6）">設定進入和離開頁面時的特殊效果，這個功能即FrontPage中的"格式/網頁過渡"，不過所加的頁面不能夠是一個frame頁面。
HTTP-EQUIV用於向瀏覽器提供一些説明信息，從而可以根據這些説明做出反應。HTTP-EQUIV其實並不僅僅只有説明網頁的字符編碼這一個作用，常用的HTTP-EQUIV類型還包括：網頁到期時間、默認的腳本語言、默認的風格頁語言、網頁自動刷新時間等。
description
HTML代碼實例中有關"description"的代碼為：
<meta name="description" content="網絡營銷教學網站提供《網絡營銷基礎與實踐》教學支持:網絡營銷課件,網絡營銷論文,網絡營銷實驗教學,電子商務論文,網絡營銷與電子商務書籍等">
"description"中的content="網頁描述"，是對一個網頁概況的介紹，這些信息可能會在搜索結果中出現，因此需要根據網頁的實際情況來設計，儘量避免與網頁內容不相關的“描述”，另外，最好對每個網頁有自己相應的描述（至少是同一個欄目的網頁有相應的描述），而不是整個網站都採用同樣的描述內容，因為一個網站有多個網頁，每個網頁的內容肯定是不同的，如果採用同樣的description，顯然會有一些網頁內容沒有直接關係，這樣不僅不利於搜索引擎對網頁的排名，也不利於用户根據搜索結果中的信息來判斷是否點擊進入網站獲取進一步的信息。

META標籤屬性

帶（#）的為 HTML5 中的新屬性。 [2] 
屬性
值
描述
charset（#）
character_set
定義文檔的字符編碼。
content
text
定義與 http-equiv 或 name 屬性相關的元信息。
http-equiv
content-type
default-style
refresh
把 content 屬性關聯到 HTTP 頭部。
name
application-nam
eauthor
description
generator
keywords
把 content 屬性關聯到一個名稱。
scheme
format/URI
HTML5不支持。定義用於翻譯 content 屬性值的格式。

META標籤描述設計

1網頁描述為自然語言而不是羅列關鍵詞（與keywords設計正好相反）；
2儘可能準確地描述網頁的核心內容，通常為網頁內容的摘要信息，也就是希望搜索引擎在檢索結果中展示的摘要信息；
3網頁描述中含有有效關鍵詞；
4網頁描述內容與網頁標題內容有高度相關性；
5網頁描述內容與網頁主體內容有高度相關性；
6網頁描述的文字不必太多，一般不超過搜索引擎檢索結果摘要信息的最多字數（通常在100中文字之內，不同搜索引擎略有差異）。
Keywords
與META標籤中的"description"類似，"Keywords"也是用來描述一個網頁的屬性，只不過要列出的內容是“關鍵詞”，而不是網頁的介紹。這就意味着，要根據網頁的主題和內容選擇合適的關鍵詞。在選擇關鍵詞時，除了要考慮與網頁核心內容相關之外，還應該是用户易於通過搜索引擎檢索的，過於生僻的詞彙不太適合做META標籤中的關鍵詞。關於META標籤中關鍵詞的設計，要注意不要堆砌過多的關鍵詞，羅列大量關鍵詞對於搜索引擎檢索沒有太大的意義，對於一些熱門的領域（也就是説同類網站數量較多），甚至可能起到副作用。

META標籤錯誤

網頁設計中META標籤寫法的常見錯誤如下：
1、META標籤中沒有網頁描述和關鍵詞設計；
2、整個網站所有的網頁使用同樣的META標籤內容；
3、在META描述"description"中堆砌關鍵詞，而不是對網頁核心內容的自然語言描述；
4、META標籤中關鍵詞和描述的內容一樣，有些甚至和網頁標題一樣；
5、META標籤中網頁介紹信息與網站內容缺少相關性；
6、META標籤中的關鍵詞數量過多；
……

META標籤標籤

1、在zblog模板網站的首頁default.html 添加description和keywords標籤
按照這個順序依次操作：打開後台首頁——文件管理——打開SHEMS文件——打開你的當前模板樣式的文件（此處一般有2個選擇，之一是default，如果你是用系統默認模板就點擊default，否則就點擊另一個）——打開TEMPLATE文件——編輯default.html（默認首頁），操作路徑為：THEMES/axna/TEMPLATE/default.html ，其中的axna是我的博客模板樣式，因人而異，操作完這些之後在<head></head>裏面添加如下代碼：
<meta name="keywords" content="xx,xx,xx" />
<meta name="description" content="yyyyyyy" />
Keywords裏面的xx等就是你當前頁面的關鍵詞，這個非常重要，要準確定位，而且確定了就不要再隨意修改。可設置多個關鍵詞但不要過多，適當即可，也不要重置堆砌關鍵詞，這是對搜索引擎不友好的。關鍵詞之前最好用逗號隔開。 而description裏面的yy等字樣就是指對當前頁面的描述，在首頁裏就是要指明這個網站是什麼樣的網站，有什麼用或者是做什麼的，等等。這一部分是會在搜索結果的頁面當中出現的，因此還是舉足輕重的。
添加了代碼後就點擊提交，然後文件重建即可，返回你的首頁，查看源文件就能看到首頁已經成功添加了這兩個標籤。
2、在網站的內頁模板single.html 中添加meta標籤
同理，此處的操作路徑為：./THEMES/axna/TEMPLATE/single.html 依次打開至single.html頁面。這裏，先介紹一下網上有一部分人的一些做法，可能是有點小問題的。
在single.html中添加如下標籤：
<meta name="keywords" content="<#article/tagtoname#>" />
<meta name="description" content="<#article/intro#>" />
其中，#article/tagtoname# 是調用文章頁面的關鍵詞，我們在進行新建文章時，有一欄要填tags，關鍵詞就是從你所填寫的tags調用過來的， #article/intro# 是調用文章簡介，在新建文章的後台頁面裏，可以點擊下面的自動生成摘要，當然了，摘要也可以自己填寫，簡介就是從你寫的摘要裏面完完全全調用過來的。
可是運用這樣的代碼方法在一些博客中是行不通的，在部分博客中文章的簡介就自動調到頁面的最頂部。可見這種方面要慎用。當然了，還有其它更加簡便的方法，比如我們可以在Z-Blog安裝一個名為NOBIRDAticleSEO的插件，之後就多出<#nobird/article/seo#>標籤，並自動添加到文章頁模板中作為頁面的Description，同時還自動添加了keywords和author信息。
3、同樣，也可以在catalog.html、tags.html、search..html中添加meta標籤
代碼如下<meta name=description content =<#ZC_BLOG_TITLE#><#ZC_MSG044#><#BlogTitle#>” />
這部分大家是可以自行進行增刪修改的，不一定要那些調用代碼，也可以輸入自己想要加的文字。
參考資料