作用
META標籤是HTML標記HEAD區的一個關鍵標籤,它位於HTML文檔的<head>和<title>之間(有些也不是在<head>和<title>之間)。它提供的信息雖然用戶不可見,但卻是文檔的最基本的元信息。<meta>除了提供文檔字元集、使用語言、作者等基本信息外,還涉及對關鍵字和網頁等級的設定。
所以有關搜尋引擎註冊、搜尋引擎最佳化排名等網路行銷方法內容中,通常都要談論META標籤的作用,我們甚至可以說,META標籤的內容設計對於搜尋引擎行銷來說是至關重要的一個因素,合理利用 Meta 標籤的 Description 和Keywords 屬性,加入網站的關鍵字或者網頁的關鍵字,可使網站更加貼近用戶體驗。
從HTML代碼實例中可以看到,一段代碼中有3個含有meta的地方,並且meta並不是獨立存在的,而是要在後面連線其他的屬性,如description、Keywords、http-equiv等。下面簡單介紹一些搜尋引擎行銷中常見的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,顯然會有一些網頁內容沒有直接關係,這樣不僅不利於搜尋引擎對網頁的排名,也不利於用戶根據搜尋結果中的信息來判斷是否點擊進入網站獲取進一步的信息。
屬性
帶(#)的為 HTML5 中的新屬性。
屬性 | 值 | 描述 |
charset(#) | character_set | 定義文檔的字元編碼。 |
content | text | 定義與 http-equiv 或 name 屬性相關的元信息。 |
http-equiv | content-typ edefault-style refresh | 把 content 屬性關聯到 HTTP 頭部。 |
name | application-nam eauthor description generator keywords | 把 content 屬性關聯到一個名稱。 |
scheme | format/URI | HTML5不支持。定義用於翻譯 content 屬性值的格式。 |
描述設計
1網頁描述為自然語言而不是羅列關鍵字(與keywords設計正好相反);
2儘可能準確地描述網頁的核心內容,通常為網頁內容的摘要信息,也就是希望搜尋引擎在檢索結果中展示的摘要信息;
3網頁描述中含有有效關鍵字;
4網頁描述內容與網頁標題內容有高度相關性;
5網頁描述內容與網頁主體內容有高度相關性;
6網頁描述的文字不必太多,一般不超過搜尋引擎檢索結果摘要信息的最多字數(通常在100中文字之內,不同搜尋引擎略有差異)。
Keywords
與META標籤中的"description"類似,"Keywords"也是用來描述一個網頁的屬性,只不過要列出的內容是“關鍵字”,而不是網頁的介紹。這就意味著,要根據網頁的主題和內容選擇合適的關鍵字。在選擇關鍵字時,除了要考慮與網頁核心內容相關之外,還應該是用戶易於通過搜尋引擎檢索的,過於生僻的辭彙不太適合做META標籤中的關鍵字。關於META標籤中關鍵字的設計,要注意不要堆砌過多的關鍵字,羅列大量關鍵字對於搜尋引擎檢索沒有太大的意義,對於一些熱門的領域(也就是說同類網站數量較多),甚至可能起到副作用。
錯誤
網頁設計中META標籤寫法的常見錯誤如下:
1、META標籤中沒有網頁描述和關鍵字設計;
2、整個網站所有的網頁使用同樣的META標籤內容;
3、在META描述"description"中堆砌關鍵字,而不是對網頁核心內容的自然語言描述;
4、META標籤中關鍵字和描述的內容一樣,有些甚至和網頁標題一樣;
5、META標籤中網頁介紹信息與網站內容缺少相關性;
6、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#>” />
這部分大家是可以自行進行增刪修改的,不一定要那些調用代碼,也可以輸入自己想要加的文字。