HTML文檔meta標籤的詳解

概要:
<meta>標籤是html文檔中<head>內部的輔助性元標籤。其主要功能提供有關頁面的元信息(meta-information),比如針對搜索引擎的更新頻度的描述和關鍵詞。
meta標籤通常用來爲搜索引擎robots定義頁面主題,或者是定義用戶瀏覽器上的cookie;它可以用於鑑別作者,設定頁面格式,標註內容提要和關鍵字;還可以設置頁面使其可以根據你定義的時間間隔自動刷新,以及設置RASC內容等級,等等。
元信息(元數據)總是以名/值對的形式存在。

meta標籤中主要有兩個屬性:http-equivname。以及一個必須使用的屬性content,用於對上述兩種屬性的值作進一步的定義。這兩個屬性分別用於描述一部分http的頭部信息頁面的基本屬性。

http-equiv:
與http的頭部信息相關聯,它迴應給瀏覽器一些有用的信息,以幫助正確和精確地顯示網頁內容。
其主要屬性值爲:
  • content-type(設置當前文檔的類型,字符集):文檔類型可以是text/html、text/css、text/javascript等,字符集可以是utf-8、gb2312、iso-8859-1等。
  • expires(設定文檔的過期時間即文檔的有效期;當文檔過期後,需要得到web服務器的驗證有效性後,頁面纔會響應客戶請求)
  • refresh(設定頁面的刷新時間)
  • set-cookie(設定頁面的cookie值)
  • Pragma(cache模式) :禁止瀏覽器從本地計算機的緩存中訪問頁面內容。
這些屬性值與http頭部信息的對應關係可以參考http頭部信息詳解http://www.cnblogs.com/ziwuge/archive/2011/09/27/2193385.html

示例:
設置文檔類型和字符集
    <meta http-equiv = "Content-Type" content = "text/html; charset = utf-8"/>
    <meta http-equiv = "Content-Type" content = "text/html; charset = gb2312"/>
設置頁面的有效期
    <meta http-equiv = "Expires" content = "Wed. 06 Jan 2016"/>
    當時間到了設定的有效期時,頁面需要得到服務器再次驗證後才能響應頁面請求。
設置頁面刷新時間
    <meta http-equiv = "Refresh" content = "30;URL=http://www.w3shcool.com"/>
    30的單位是秒,表示30秒刷新一次頁面;url表示刷新加載的頁面的地址,如果無URL則刷新當前窗口頁面。
設置緩存的模式
    <meta http-equiv = "Pragma" content = "no-cache"/>
    no-cache表示瀏覽器不緩存當前頁面的內容到本機,不可脫機訪問該頁面。

name: 
描述網頁的基本信息的,對應於Content網頁內容,以便於搜索引擎機器人查找、分類

其主要屬性值爲:
  • author:標註網頁的作者
  • description:description用來告訴搜索引擎你的網站主要內容
  • keywords:列舉網頁內容的關鍵詞,便於搜索引擎查找、分類
  • generator:編輯網頁所用的編輯器
  • revised:修訂時間
示例: 
    <meta name = "Author" content = "Jery,[email protected]"/>
    指明頁面的作者和聯繫的郵箱。

    <meta name = "Description" content = "This page is about the cross screen research."/>
    該屬性可用於告訴搜索引擎你的頁面的主要內容。

     <meta name = "Keywords" content = "cross-screen,multi-device,node.js,web application"/>
    該屬性的值,可爲搜索引擎提供關鍵詞列表,便於其對該頁面歸類。META的通常用處是指定搜索引擎用來提高搜索質量的關鍵詞。

以上就是對meta標籤的主要功能及主要屬性的總結,總之,在meta標籤中主要的作用是可以利用description和keywords優化頁面的SEO。

meta標籤在html文檔中不是必須有,但用好了可以帶來很好的效果。

Tips:
以上是META標籤的一些基本用法,其中最重要的就是:Keywords和Description的設定。爲什麼呢?道理很簡單,這兩個語句可以讓搜索引擎能準確的發現你,吸引更多的人訪問你的站點!根據現在流行搜索引擎的工作原理,搜索引擎先派機器人自動在WWW上搜索,當發現新的網站時,便於檢索頁面中的Keywords和Description,並將其加入到自己的數據庫,然後再根據關鍵詞的密度將網站排序。由此看來,我們必須記住添加Keywords和Description的META標籤,並儘可能寫好關鍵字和簡介。否則後果就會是:
●如果你的頁面中根本沒有Keywords和Description的META標籤,那麼機器人是無法將你的站點加入數據庫,網友也就不可能搜索到你的站點。
●如果你的關鍵字選的不好,關鍵字的密度不高,被排列在幾十甚至幾百萬個站點的後面被點擊的可能性也是非常小的。

寫好Keywords(關鍵字)要注意以下幾點:
●不要用常見詞彙。例如www、homepage、net、web等。
●不要用形容詞,副詞。例如最好的,最大的等。
●不要用籠統的詞彙,要儘量精確。例如“愛立信手機”改用“T28SC”會更好。
搜索與你的網站內容相仿的網站,查看排名前十位的網站的META關鍵字,將它們用在你的網站上,效果可想而知了。

★小竅門
爲了提高搜索點擊率,這裏還有一些“捷徑”可以幫得到你:
●爲了增加關鍵詞的密度,將關鍵字隱藏在頁面裏(將文字顏色定義成與背景顏色一樣)。
●在圖像的ALT註釋語句中加入關鍵字。如:<IMG SRC=”xxx.gif” Alt=”keywords”>
●利用HTML的註釋語句,在頁面代碼里加入大量關鍵字。用法: <!– 這裏插入關鍵字 –>


參考資料:
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章