META標簽優化
分享
評論
贊0
在網頁的HTML源代碼中一個重要的代碼“”（即通常所說的META標簽）。META標簽用來描述一個HTML網頁文檔的屬性，例如作者、日期和時間、網頁描述、關鍵詞、頁面刷新等。
一、作用
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，顯然會有一些網頁內容沒有直接關系，這樣不僅 不利于搜索引擎對網頁的排名，也不利于用戶根據搜索結果中的信息來判斷是否點擊進入網站獲取進一步的信息。
三、description設計
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#>” />
這部分大家是可以自行進行增刪修改的，不一定要那些調用代碼，也可以輸入自己想要加的文字。
猜你喜歡
評論(0人參與，0條評論)
發布評論
最新評論