Meta詳細說明[Html标簽Meta]
下(xià)面介紹一(yī)些有關 标記的例子及解釋。
什麽樣的META标簽設計才是合理的?簡單來說就是META标簽中(zhōng)description正确描述網頁主體(tǐ)内容的摘要信息,是對網頁内容的概括并且含有該網頁的核心關鍵詞,META标簽中(zhōng)的keywords則進一(yī)步說明該網頁的核心關鍵詞(這些關鍵詞同樣出現在網頁描述信息中(zhōng)),如果核心關鍵詞不止一(yī)個,則關鍵詞之間用逗号分(fēn)開(kāi)。
下(xià)面是本講座作者馮英健歸納總結出的網頁META标簽内容寫作規範要點。
(1)關于META标簽中(zhōng)關鍵詞(keywords)的設計要點
·選擇與網頁内容最相關的核心關鍵詞即可,而且關鍵詞數量無需太多,更沒有必要堆砌大(dà)量的關鍵詞;
·keyword中(zhōng)的關鍵詞應該同樣出現在description内容中(zhōng);
·不同的關鍵詞之間用逗号(英文标點符号)隔開(kāi)。
(2)關于META标簽中(zhōng)網頁描述(description)的設計要點
·網頁描述爲自然語言而不是羅列關鍵詞(與keywords設計正好相反);
·盡可能準确地描述網頁的核心内容,通常爲網頁内容的摘要信息,也就是希望搜索引擎在檢索結果中(zhōng)展示的摘要信息;
·網頁描述中(zhōng)含有有效關鍵詞;
·網頁描述内容與網頁标題内容有高度相關性;
·網頁描述内容與網頁主體(tǐ)内容有高度相關性;
·網頁描述的文字不必太多,一(yī)般不超過搜索引擎檢索結果摘要信息的最多字數(通常在100中(zhōng)文字之内,不同搜索引擎略有差異)。
以上有關些META标簽寫作的規範,我(wǒ)(wǒ)曾在多個網站進行過驗證,的确可以達到非常好的效果。不過要說明的是,這些META标簽寫作規範要點隻是一(yī)般規律,并不一(yī)定适合所有的網頁(例如,對于一(yī)些内容不斷滾動更新的網頁該如何設計META标簽的描述信息才能體(tǐ)現出不斷變化的内容?——這裏暫時不給出詳細說明,請有興趣的讀者先思考一(yī)下(xià),網上營銷新觀察将在适當時候專門讨論這一(yī)特殊問題),也不一(yī)定對所有搜索引擎都有效,随着搜索引擎檢索規則的變化,這些META标簽的寫作方法也需要靈活應用,針對具體(tǐ)的情況進行必要調整,因此僅供網絡營銷愛好者進行規範的搜索引擎優化時參考。
META标簽分(fēn)兩大(dà)部分(fēn):HTTP标題信息(HTTP-EQUIV)和頁面描述信息(NAME)。
★HTTP-EQUIV
HTTP-EQUIV類似于HTTP的頭部協議,它回應給浏覽器一(yī)些有用的信息,以幫助正确和精确地顯示網頁内容。常用的HTTP-EQUIV類型有:
1、Content-Type和Content-Language (顯示字符集的設定)
說明:設定頁面使用的字符集,用以說明主頁制作所使用的文字已經語言,浏覽器會根據此來調用相應的字符集顯示page内容。
用法:Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312"
Meta http-equiv="Content-Language" Content="zh-CN"
注意: 該META标簽定義了HTML頁面所使用的字符集爲GB2132,就是國标漢字碼。如果将其中(zhōng)的“charset=GB2312”替換成“BIG5”,則該頁面所用的字符集就是繁體(tǐ)中(zhōng)文Big5碼。當你浏覽一(yī)些國外(wài)的站點時,IE浏覽器會提示你要正确顯示該頁面需要下(xià)載xx語支持。這個功能就是通過讀取HTML頁面META标簽的Content-Type屬性而得知(zhī)需要使用哪種字符集顯示該頁面的。如果系統裏沒有裝相應的字符集,則IE就提示下(xià)載。其他的語言也對應不同的charset,比如日文的字符集是“iso-2022-jp ”,韓文的是“ks_c_5601”。
Content-Type的Content還可以是:text/xml等文檔類型;
Charset選項:ISO-8859-1(英文)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集;Content-Language的Content還可以是:EN、FR等語言代碼。
2、Refresh (刷新)
說明:讓網頁多長時間(秒)刷新自己,或在多長時間後讓網頁自動鏈接到其它網頁。
用法:Meta http-equiv="Refresh" Content="30"
Meta http-equiv="Refresh" Content="5; Url=http://www.xia8.net"
注意:其中(zhōng)的5是指停留5秒鍾後自動刷新到URL網址。
3、Expires (期限)
說明:指定網頁在緩存中(zhōng)的過期時間,一(yī)旦網頁過期,必須到服務器上重新調閱。
用法:Meta http-equiv="Expires" Content="0"
Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT"
注意:必須使用GMT的時間格式,或直接設爲0(數字表示多少時間後過期)。
4、Pragma (cach模式)
說明:禁止浏覽器從本地機的緩存中(zhōng)調閱頁面内容。
用法:Meta http-equiv="Pragma" Content="No-cach"
注意:網頁不保存在緩存中(zhōng),每次訪問都刷新頁面。這樣設定,訪問者将無法脫機浏覽。
5、Set-Cookie (cookie設定)
說明:浏覽器訪問某個頁面時會将它存在緩存中(zhōng),下(xià)次再次訪問時就可從緩存中(zhōng)讀取,以提高速度。當你希望訪問者每次都刷新你廣告的圖标,或每次都刷新你的計數器,就要禁用緩存了。通常HTML文件沒有必要禁用緩存,對于ASP等頁面,就可以使用禁用緩存,因爲每次看到的頁面都是在服務器動态生(shēng)成的,緩存就失去(qù)意義。如果網頁過期,那麽存盤的cookie将被删除。
用法:Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,
21-Oct-98 16:14:21 GMT; path=/"
注意:必須使用GMT的時間格式。
6、Window-target (顯示窗口的設定)
說明:強制頁面在當前窗口以獨立頁面顯示。
用法:Meta http-equiv="Widow-target" Content="_top"
注意:這個屬性是用來防止别人在框架裏調用你的頁面。Content選項:_blank、_top、_self、_parent。
7、Pics-label (網頁RSAC等級評定)
說明:在IE的Internet選項中(zhōng)有一(yī)項内容設置,可以防止浏覽一(yī)些受限制的網站,而網站的限制級
别就是通過該參數來設置的。
用法:META http-equiv="Pics-label" Contect=
"(PICS-1.1'http://www.rsac.org/ratingsv01.html'
I gen comment 'RSACi North America Sever' by 'inet@microsoft.com'
for 'http://www.microsoft.com' on '1997.06.30T14:21-0500' r(n0 s0 v0 l0))"
注意:不要将級别設置的太高。RSAC的評估系統提供了一(yī)種用來評價Web站點内容的标準。用戶可以設置Microsoft Internet Explorer(IE3.0以上)來排除包含有色情和暴力内容的站點。上面這個例子中(zhōng)的HTML取自Microsoft的主頁。代碼中(zhōng)的(n 0 s 0 v 0 l 0)表示該站點不包含不健康内容。級别的評定是由RSAC,即美國娛樂委員(yuán)會的評級機構評定的,如果你想進一(yī)步了解RSAC評估系統的等級内容,或者你需要評價自己的網站,可以訪問RSAC的站點:http://www.rsac.org/。
8、Page-Enter、Page-Exit (進入與退出)
說明:這個是頁面被載入和調出時的一(yī)些特效。
用法:Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)"
Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)"
注意:blendTrans是動态濾鏡的一(yī)種,産生(shēng)漸隐效果。另一(yī)種動态濾鏡RevealTrans也可以用于頁面進入與退出效果:
Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)"
Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)"
Duration 表示濾鏡特效的持續時間(單位:秒)
Transition 濾鏡類型。表示使用哪種特效,取值爲0-23。
0 矩形縮小(xiǎo)
1 矩形擴大(dà)
2 圓形縮小(xiǎo)
3 圓形擴大(dà)
4 下(xià)到上刷新
5 上到下(xià)刷新
6 左到右刷新
7 右到左刷新
8 豎百葉窗
9 橫百葉窗
10 錯位橫百葉窗
11 錯位豎百葉窗
12 點擴散
13 左右到中(zhōng)間刷新
14 中(zhōng)間到左右刷新
15 中(zhōng)間到上下(xià)
16 上下(xià)到中(zhōng)間
17 右下(xià)到左上
18 右上到左下(xià)
19 左上到右下(xià)
20 左下(xià)到右上
21 橫條
22 豎條
23 以上22種随機選擇一(yī)種
9、MSThemeCompatible (XP主題)
說明:是否在IE中(zhōng)關閉 xp 的主題
用法:Meta http-equiv="MSThemeCompatible" Content="Yes"
注意:關閉 xp 的藍(lán)色立體(tǐ)按鈕系統顯示樣式,從而和win2k 很象。
10、IE6 (頁面生(shēng)成器)
說明:頁面生(shēng)成器generator,是ie6
用法:Meta http-equiv="IE6" Content="Generator"
注意:用什麽東西做的,類似商(shāng)品出廠廠商(shāng)。
11、Content-Script-Type (腳本相關)
說明:這是近來W3C的規範,指明頁面中(zhōng)腳本的類型。
用法:Meta http-equiv="Content-Script-Type" Content="text/javascript"
注意:
★NAME變量
name是描述網頁的,對應于Content(網頁内容),以便于搜索引擎機器人查找、分(fēn)類(目前幾乎所有的搜索引擎都使用網上機器人自動查找meta值來給網頁分(fēn)類)。
name的value值(name="")指定所提供信息的類型。有些值是已經定義好的。例如description(說明)、keyword(關鍵字)、refresh(刷新)等。還可以指定其他任意值,如:creationdate(創建日期) 、
document ID(文檔編号)和level(等級)等。
name的content指定實際内容。如:如果指定level(等級)爲value(值),則Content可能是beginner(初級)、intermediate(中(zhōng)級)、advanced(高級)。
1、Keywords (關鍵字)
說明:爲搜索引擎提供的關鍵字列表
用法:Meta name="Keywords" Content="關鍵詞1,關鍵詞2,關鍵詞3,關鍵詞4,……"
注意:各關鍵詞間用英文逗号“,”隔開(kāi)。META的通常用處是指定搜索引擎用來提高搜索質量的關鍵詞。當數個META元素提供文檔語言從屬信息時,搜索引擎會使用lang特性來過濾并通過用戶的語言優先參照來顯示搜索結果。例如:
Meta name="Kyewords" Lang="EN" Content="vacation,greece,sunshine"
Meta name="Kyewords" Lang="FR" Content="vacances,grè:ce,soleil"
2、Description (簡介)
說明:Description用來告訴搜索引擎你的網站主要内容。
用法:Meta name="Description" Content="你網頁的簡述"
注意:
3、Robots (機器人向導)
說明:Robots用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。Content的參數有all、none、index、noindex、follow、nofollow。默認是all。
用法:Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow"
注意:許多搜索引擎都通過放(fàng)出robot/spider搜索來登錄網站,這些robot/spider就要用到meta元素的一(yī)些特性來決定怎樣登錄。
all:文件将被檢索,且頁面上的鏈接可以被查詢;
none:文件将不被檢索,且頁面上的鏈接不可以被查詢;(和 "noindex, no follow" 起相同作用)
index:文件将被檢索;(讓robot/spider登錄)
follow:頁面上的鏈接可以被查詢;
noindex:文件将不被檢索,但頁面上的鏈接可以被查詢;(不讓robot/spider登錄)
nofollow:文件将不被檢索,頁面上的鏈接可以被查詢。(不讓robot/spider順着此頁的連接往下(xià)探找)
4、Author (作者)
說明:标注網頁的作者或制作組
用法:Meta name="Author" Content="張三,abc@sina.com"
注意:Content可以是:你或你的制作組的名字,或Email
5、Copyright (版權)
說明:标注版權
用法:Meta name="Copyright" Content="本頁版權歸Zerospace所有。All Rights Reserved"
注意:
6、Generator (編輯器)
說明:編輯器的說明
用法:Meta name="Generator" Content="PCDATA|FrontPage|"
注意:Content="你所用編輯器"
7、revisit-after (重訪)
說明:
用法:META name="revisit-after" CONTENT="7 days"
注意:
★Head中(zhōng)的其它一(yī)些用法
1、scheme (方案)
說明:scheme can be used when name is used to specify how the value of content should
be interpreted.
用法:meta scheme="ISBN" name="identifier" content="0-14-043205-1" /
注意:
2、Link (鏈接)
說明:鏈接到文件
用法:Link href="soim.ico" rel="Shortcut Icon"
注意:很多網站如果你把她保存在收件夾中(zhōng)後,會發現它連帶着一(yī)個小(xiǎo)圖标,如果再次點擊進入之後還會發現地址欄中(zhōng)也有個小(xiǎo)圖标。現在隻要在你的頁頭加上這段話(huà),就能輕松實現這一(yī)功能。LINK 用來将目前文件與其它 URL 作連結,但不會有連結按鈕,用於 HEAD 标記間, 格式如下(xià):
link href="URL" rel="relationship"
link href="URL" rev="relationship"
3、Base (基鏈接)
說明:插入網頁基鏈接屬性
用法:Base href="http://www.dow3.com/" target="_blank"
注意:你網頁上的所有相對路徑在鏈接時都将在前面加上“http://www.zpyj.com/”。其中(zhōng)target="_blank"是鏈接文件在新的窗口中(zhōng)打開(kāi),你可以做其他設置。将“_blank”改爲“_parent”是鏈接文件将在當前窗口的父級窗口中(zhōng)打開(kāi);改爲“_self”鏈接文件在當前窗口(幀)中(zhōng)打開(kāi);改爲“_top”鏈接文件全屏顯示。
以上是META标簽的一(yī)些基本用法,其中(zhōng)最重要的就是:Keywords和Description的設定。爲什麽呢?道理很簡單,這兩個語句可以讓搜索引擎能準确的發現你,吸引更多的人訪問你的站點!根據現在流行搜索引擎(Google,Lycos,AltaVista等)的工(gōng)作原理,搜索引擎先派機器人自動在WWW上搜索,當發現新的網站時,便于檢索頁面中(zhōng)的Keywords和Description,并将其加入到自己的數據庫,然後再根據關鍵詞的密度将網站排序。
由此看來,我(wǒ)(wǒ)們必須記住添加Keywords和Description的META标簽,并盡可能寫好關鍵字和簡介。否則,
後果就會是:
● 如果你的頁面中(zhōng)根本沒有Keywords和Description的META标簽,那麽機器人是無法将你的站點加入數
據庫,網友也就不可能搜索到你的站點。
● 如果你的關鍵字選的不好,關鍵字的密度不高,被排列在幾十甚至幾百萬個站點的後面被點擊的可
能性也是非常小(xiǎo)的。
寫好Keywords(關鍵字)要注意以下(xià)幾點:
● 不要用常見詞彙。例如www、homepage、net、web等。
● 不要用形容詞,副詞。例如最好的,最大(dà)的等。
● 不要用籠統的詞彙,要盡量精确。例如“愛立信手機”,改用“T28SC”會更好。
站點META标簽常用寫法介紹2007-11-30 17:42META标簽分(fēn)兩大(dà)部分(fēn):HTTP标題信息(HTTP-EQUIV)和頁面描述信息(NAME)。
一(yī)、HTTP-EQUIV
HTTP-EQUIV類似于HTTP的頭部協議,它回應給浏覽器一(yī)些有用的信息,以幫助正确和精确地顯示網頁内容。常用的HTTP-EQUIV類型有:
1、Content-Type和Content-Language (顯示字符集的設定)
用法:<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">或<Meta http-equiv="Content-Language" Content="zh-CN">
設定頁面使用的字符集,用以說明主頁制作所使用的文字或語言,浏覽器會根據此來調用相應的字符集顯示頁面内容。簡體(tǐ)中(zhōng)文一(yī)般爲GB2132,繁體(tǐ)中(zhōng)文爲BIG5,日文的字符集是iso-2022-jp,韓文的是ks_c_5601等。
2、Refresh (刷新)
用法:<Meta http-equiv="Refresh" Content="30">或<Meta http-equiv="Refresh" Content="5; Url=http://www.bazhan.net">
讓網頁多少秒刷新自己,或在多少秒後讓網頁自動鏈接到其它網頁。
3、Expires (期限)
用法:<Meta http-equiv="Expires" Content="0">或<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">
指定網頁在緩存中(zhōng)的過期時間,一(yī)旦網頁過期,必須到服務器上重新調閱。注意:必須使用GMT的時間格式。
4、Pragma (cach模式)
用法:<Meta http-equiv="Pragma" Content="No-cach">
網頁不保存在緩存中(zhōng),每次訪問都刷新頁面。這樣設定,訪問者将無法脫機浏覽。
5、Set-Cookie (cookie設定)
<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,21-Oct-98 16:14:21 GMT; path=/">
浏覽器訪問某個頁面時會将它存在緩存中(zhōng),下(xià)次再次訪問時就可從緩存中(zhōng)讀取,以提高速度。當你希望訪問者每次都刷新你廣告的圖标,或每次都刷新你的計數器,就要禁用緩存了。通常HTML文件沒有必要禁用緩存,對于ASP等頁面,就可以使用禁用緩存,因爲每次看到的頁面都是在服務器動态生(shēng)成的,緩存就失去(qù)意義。如果網頁過期,那麽存盤的cookie将被删除。必須使用GMT的時間格式。
6、Window-target (顯示窗口的設定)
用法:<Meta http-equiv="Widow-target" Content="_top">
強制頁面在當前窗口以獨立頁面顯示。這個屬性是用來防止别人在框架裏調用你的頁面。Content選項:_blank、_top、_self、_parent。
7、Pics-label (網頁RSAC等級評定)
用法:<META http-equiv="Pics-label" Contect="(PICS-1.1'http://www.bazhan.net' I gen comment 'RSACi North America Sever' by
'inet@microsoft.com' for 'http://www.microsoft.com' on '1997.06.30T14:21-0500' r(n0 s0 v0 l0))">
在IE的Internet選項中(zhōng)有一(yī)項内容設置,可以防止浏覽一(yī)些受限制的網站,而網站的限制級别就是通過該參數來設置的。
8、Page-Enter、Page-Exit (進入與退出)
用法:<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)"> <Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
或者:<Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)"> <Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">
這個是頁面被載入和調出時的一(yī)些特效。注意:blendTrans是動态濾鏡的一(yī)種,産生(shēng)漸隐效果。另一(yī)種動态濾鏡RevealTrans也可以用于頁面進入與退出效果: Duration 表示濾鏡特效的持續時間(單位:秒);Transition 濾鏡類型。表示使用哪種特效,取值爲0-23。
9、IE6 (頁面生(shēng)成器)
用法:<Meta http-equiv="IE6" Content="Generator">
頁面生(shēng)成器generator,是ie6。
10、Content-Script-Type (腳本相關)
用法:<Meta http-equiv="Content-Script-Type" Content="text/javascript">
注意:這是近來W3C的規範,指明頁面中(zhōng)腳本的類型。
二、NAME變量
name是描述網頁的,對應于Content(網頁内容),以便于搜索引擎機器人查找、分(fēn)類(目前幾乎所有的搜索引擎都使用網上機器人自動查找meta值來給網頁分(fēn)類)。
11、Keywords (關鍵字)
用法:<Meta name="Keywords" Content="關鍵詞1,關鍵詞2,關鍵詞3,關鍵詞4">
爲搜索引擎提供的關鍵字列表。注意:各關鍵詞間用英文半角逗号“,”隔開(kāi)。關鍵詞數量最好保持在5個以内,關鍵詞要和頁面内容相關。
12、Description (簡介)
用法:<Meta name="Description" Content="你網頁的簡述">
Description用來告訴搜索引擎你的網站或該頁面的主要内容,描述内容要和頁面内容相關,字數在150個字以内。
13、Robots (機器人向導)
用法:<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow">
說明:Robots用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。Content的參數有all、none、index、noindex、follow、nofollow。默認是all。
all:文件将被檢索,且頁面上的鏈接可以被查詢;none:文件将不被檢索,且頁面上的鏈接不可以被查詢;(和 "noindex, no follow" 起相同作用);index:文件将被檢索;(讓robot/spider登錄);follow:頁面上的鏈接可以被查詢;noindex:文件将不被檢索,但頁面上的鏈接可以被查詢;(不讓robot/spider登錄);nofollow:文件将不被檢索,頁面上的鏈接可以被查詢。(不讓robot/spider順着此頁的連接往下(xià)探找)。
14、Author (作者)
用法:<Meta name="Author" Content="毅衡,5@163.com">
标注網頁的作者或制作組。Content可以是:你或你的制作組的名字或Email。
15、Copyright (版權)
用法:<Meta name="Copyright" Content="本頁版權歸毅衡所有。All Rights Reserved icediary">
标注版權。
16、Generator (編輯器)
用法:<Meta name="Generator" Content="PCDATA|FrontPage|">
編輯器的說明。
17、revisit-after (重訪)
用法:<META name="revisit-after" CONTENT="7 days" >
一(yī)般用做引導搜索引擎重新訪問你的站點的時間間隔,一(yī)般使用days。
三、META常用舉例:
<META http-equiv=Content-Type content="text/html; charset=gb2312">
//設定頁面語言爲簡體(tǐ)中(zhōng)文
<META content="關鍵字" name="keywords">
//設定關鍵字
<META content="内容描述" name="description">
//設定描述
<META http-equiv="Refresh" Content="30">
//設定該頁面30秒自動刷新
<META name="robots" content="index, follow" />
//設定允許搜索引擎可以檢索,頁面上鏈接可以查詢
<META name="googlebot" content="index, follow" />
//針對google的搜索機器人設定允許搜索引擎可以檢索,頁面上鏈接可以查詢
<META name="Author" Content="毅衡">
//頁面作者
<META name="Copyright" Content="All Rights Reserved icediary">
//頁面版權
<META name="revisit-after" CONTENT="1 days" >
//設定回訪爲1天
下(xià)面介紹一(yī)些有關 标記的例子及解釋。
什麽樣的META标簽設計才是合理的?簡單來說就是META标簽中(zhōng)description正确描述網頁主體(tǐ)内容的摘要信息,是對網頁内容的概括并且含有該網頁的核心關鍵詞,META标簽中(zhōng)的keywords則進一(yī)步說明該網頁的核心關鍵詞(這些關鍵詞同樣出現在網頁描述信息中(zhōng)),如果核心關鍵詞不止一(yī)個,則關鍵詞之間用逗号分(fēn)開(kāi)。
下(xià)面是本講座作者馮英健歸納總結出的網頁META标簽内容寫作規範要點。
(1)關于META标簽中(zhōng)關鍵詞(keywords)的設計要點
·選擇與網頁内容最相關的核心關鍵詞即可,而且關鍵詞數量無需太多,更沒有必要堆砌大(dà)量的關鍵詞;
·keyword中(zhōng)的關鍵詞應該同樣出現在description内容中(zhōng);
·不同的關鍵詞之間用逗号(英文标點符号)隔開(kāi)。
(2)關于META标簽中(zhōng)網頁描述(description)的設計要點
·網頁描述爲自然語言而不是羅列關鍵詞(與keywords設計正好相反);
·盡可能準确地描述網頁的核心内容,通常爲網頁内容的摘要信息,也就是希望搜索引擎在檢索結果中(zhōng)展示的摘要信息;
·網頁描述中(zhōng)含有有效關鍵詞;
·網頁描述内容與網頁标題内容有高度相關性;
·網頁描述内容與網頁主體(tǐ)内容有高度相關性;
·網頁描述的文字不必太多,一(yī)般不超過搜索引擎檢索結果摘要信息的最多字數(通常在100中(zhōng)文字之内,不同搜索引擎略有差異)。
以上有關些META标簽寫作的規範,我(wǒ)(wǒ)曾在多個網站進行過驗證,的确可以達到非常好的效果。不過要說明的是,這些META标簽寫作規範要點隻是一(yī)般規律,并不一(yī)定适合所有的網頁(例如,對于一(yī)些内容不斷滾動更新的網頁該如何設計META标簽的描述信息才能體(tǐ)現出不斷變化的内容?——這裏暫時不給出詳細說明,請有興趣的讀者先思考一(yī)下(xià),網上營銷新觀察将在适當時候專門讨論這一(yī)特殊問題),也不一(yī)定對所有搜索引擎都有效,随着搜索引擎檢索規則的變化,這些META标簽的寫作方法也需要靈活應用,針對具體(tǐ)的情況進行必要調整,因此僅供網絡營銷愛好者進行規範的搜索引擎優化時參考。
META标簽分(fēn)兩大(dà)部分(fēn):HTTP标題信息(HTTP-EQUIV)和頁面描述信息(NAME)。
★HTTP-EQUIV
HTTP-EQUIV類似于HTTP的頭部協議,它回應給浏覽器一(yī)些有用的信息,以幫助正确和精确地顯示網頁内容。常用的HTTP-EQUIV類型有:
1、Content-Type和Content-Language (顯示字符集的設定)
說明:設定頁面使用的字符集,用以說明主頁制作所使用的文字已經語言,浏覽器會根據此來調用相應的字符集顯示page内容。
用法:Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312"
Meta http-equiv="Content-Language" Content="zh-CN"
注意: 該META标簽定義了HTML頁面所使用的字符集爲GB2132,就是國标漢字碼。如果将其中(zhōng)的“charset=GB2312”替換成“BIG5”,則該頁面所用的字符集就是繁體(tǐ)中(zhōng)文Big5碼。當你浏覽一(yī)些國外(wài)的站點時,IE浏覽器會提示你要正确顯示該頁面需要下(xià)載xx語支持。這個功能就是通過讀取HTML頁面META标簽的Content-Type屬性而得知(zhī)需要使用哪種字符集顯示該頁面的。如果系統裏沒有裝相應的字符集,則IE就提示下(xià)載。其他的語言也對應不同的charset,比如日文的字符集是“iso-2022-jp ”,韓文的是“ks_c_5601”。
Content-Type的Content還可以是:text/xml等文檔類型;
Charset選項:ISO-8859-1(英文)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集;Content-Language的Content還可以是:EN、FR等語言代碼。
2、Refresh (刷新)
說明:讓網頁多長時間(秒)刷新自己,或在多長時間後讓網頁自動鏈接到其它網頁。
用法:Meta http-equiv="Refresh" Content="30"
Meta http-equiv="Refresh" Content="5; Url=http://www.xia8.net"
注意:其中(zhōng)的5是指停留5秒鍾後自動刷新到URL網址。
3、Expires (期限)
說明:指定網頁在緩存中(zhōng)的過期時間,一(yī)旦網頁過期,必須到服務器上重新調閱。
用法:Meta http-equiv="Expires" Content="0"
Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT"
注意:必須使用GMT的時間格式,或直接設爲0(數字表示多少時間後過期)。
4、Pragma (cach模式)
說明:禁止浏覽器從本地機的緩存中(zhōng)調閱頁面内容。
用法:Meta http-equiv="Pragma" Content="No-cach"
注意:網頁不保存在緩存中(zhōng),每次訪問都刷新頁面。這樣設定,訪問者将無法脫機浏覽。
5、Set-Cookie (cookie設定)
說明:浏覽器訪問某個頁面時會将它存在緩存中(zhōng),下(xià)次再次訪問時就可從緩存中(zhōng)讀取,以提高速度。當你希望訪問者每次都刷新你廣告的圖标,或每次都刷新你的計數器,就要禁用緩存了。通常HTML文件沒有必要禁用緩存,對于ASP等頁面,就可以使用禁用緩存,因爲每次看到的頁面都是在服務器動态生(shēng)成的,緩存就失去(qù)意義。如果網頁過期,那麽存盤的cookie将被删除。
用法:Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,
21-Oct-98 16:14:21 GMT; path=/"
注意:必須使用GMT的時間格式。
6、Window-target (顯示窗口的設定)
說明:強制頁面在當前窗口以獨立頁面顯示。
用法:Meta http-equiv="Widow-target" Content="_top"
注意:這個屬性是用來防止别人在框架裏調用你的頁面。Content選項:_blank、_top、_self、_parent。
7、Pics-label (網頁RSAC等級評定)
說明:在IE的Internet選項中(zhōng)有一(yī)項内容設置,可以防止浏覽一(yī)些受限制的網站,而網站的限制級
别就是通過該參數來設置的。
用法:META http-equiv="Pics-label" Contect=
"(PICS-1.1'http://www.rsac.org/ratingsv01.html'
I gen comment 'RSACi North America Sever' by 'inet@microsoft.com'
for 'http://www.microsoft.com' on '1997.06.30T14:21-0500' r(n0 s0 v0 l0))"
注意:不要将級别設置的太高。RSAC的評估系統提供了一(yī)種用來評價Web站點内容的标準。用戶可以設置Microsoft Internet Explorer(IE3.0以上)來排除包含有色情和暴力内容的站點。上面這個例子中(zhōng)的HTML取自Microsoft的主頁。代碼中(zhōng)的(n 0 s 0 v 0 l 0)表示該站點不包含不健康内容。級别的評定是由RSAC,即美國娛樂委員(yuán)會的評級機構評定的,如果你想進一(yī)步了解RSAC評估系統的等級内容,或者你需要評價自己的網站,可以訪問RSAC的站點:http://www.rsac.org/。
8、Page-Enter、Page-Exit (進入與退出)
說明:這個是頁面被載入和調出時的一(yī)些特效。
用法:Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)"
Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)"
注意:blendTrans是動态濾鏡的一(yī)種,産生(shēng)漸隐效果。另一(yī)種動态濾鏡RevealTrans也可以用于頁面進入與退出效果:
Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)"
Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)"
Duration 表示濾鏡特效的持續時間(單位:秒)
Transition 濾鏡類型。表示使用哪種特效,取值爲0-23。
0 矩形縮小(xiǎo)
1 矩形擴大(dà)
2 圓形縮小(xiǎo)
3 圓形擴大(dà)
4 下(xià)到上刷新
5 上到下(xià)刷新
6 左到右刷新
7 右到左刷新
8 豎百葉窗
9 橫百葉窗
10 錯位橫百葉窗
11 錯位豎百葉窗
12 點擴散
13 左右到中(zhōng)間刷新
14 中(zhōng)間到左右刷新
15 中(zhōng)間到上下(xià)
16 上下(xià)到中(zhōng)間
17 右下(xià)到左上
18 右上到左下(xià)
19 左上到右下(xià)
20 左下(xià)到右上
21 橫條
22 豎條
23 以上22種随機選擇一(yī)種
9、MSThemeCompatible (XP主題)
說明:是否在IE中(zhōng)關閉 xp 的主題
用法:Meta http-equiv="MSThemeCompatible" Content="Yes"
注意:關閉 xp 的藍(lán)色立體(tǐ)按鈕系統顯示樣式,從而和win2k 很象。
10、IE6 (頁面生(shēng)成器)
說明:頁面生(shēng)成器generator,是ie6
用法:Meta http-equiv="IE6" Content="Generator"
注意:用什麽東西做的,類似商(shāng)品出廠廠商(shāng)。
11、Content-Script-Type (腳本相關)
說明:這是近來W3C的規範,指明頁面中(zhōng)腳本的類型。
用法:Meta http-equiv="Content-Script-Type" Content="text/javascript"
注意:
★NAME變量
name是描述網頁的,對應于Content(網頁内容),以便于搜索引擎機器人查找、分(fēn)類(目前幾乎所有的搜索引擎都使用網上機器人自動查找meta值來給網頁分(fēn)類)。
name的value值(name="")指定所提供信息的類型。有些值是已經定義好的。例如description(說明)、keyword(關鍵字)、refresh(刷新)等。還可以指定其他任意值,如:creationdate(創建日期) 、
document ID(文檔編号)和level(等級)等。
name的content指定實際内容。如:如果指定level(等級)爲value(值),則Content可能是beginner(初級)、intermediate(中(zhōng)級)、advanced(高級)。
1、Keywords (關鍵字)
說明:爲搜索引擎提供的關鍵字列表
用法:Meta name="Keywords" Content="關鍵詞1,關鍵詞2,關鍵詞3,關鍵詞4,……"
注意:各關鍵詞間用英文逗号“,”隔開(kāi)。META的通常用處是指定搜索引擎用來提高搜索質量的關鍵詞。當數個META元素提供文檔語言從屬信息時,搜索引擎會使用lang特性來過濾并通過用戶的語言優先參照來顯示搜索結果。例如:
Meta name="Kyewords" Lang="EN" Content="vacation,greece,sunshine"
Meta name="Kyewords" Lang="FR" Content="vacances,grè:ce,soleil"
2、Description (簡介)
說明:Description用來告訴搜索引擎你的網站主要内容。
用法:Meta name="Description" Content="你網頁的簡述"
注意:
3、Robots (機器人向導)
說明:Robots用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。Content的參數有all、none、index、noindex、follow、nofollow。默認是all。
用法:Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow"
注意:許多搜索引擎都通過放(fàng)出robot/spider搜索來登錄網站,這些robot/spider就要用到meta元素的一(yī)些特性來決定怎樣登錄。
all:文件将被檢索,且頁面上的鏈接可以被查詢;
none:文件将不被檢索,且頁面上的鏈接不可以被查詢;(和 "noindex, no follow" 起相同作用)
index:文件将被檢索;(讓robot/spider登錄)
follow:頁面上的鏈接可以被查詢;
noindex:文件将不被檢索,但頁面上的鏈接可以被查詢;(不讓robot/spider登錄)
nofollow:文件将不被檢索,頁面上的鏈接可以被查詢。(不讓robot/spider順着此頁的連接往下(xià)探找)
4、Author (作者)
說明:标注網頁的作者或制作組
用法:Meta name="Author" Content="張三,abc@sina.com"
注意:Content可以是:你或你的制作組的名字,或Email
5、Copyright (版權)
說明:标注版權
用法:Meta name="Copyright" Content="本頁版權歸Zerospace所有。All Rights Reserved"
注意:
6、Generator (編輯器)
說明:編輯器的說明
用法:Meta name="Generator" Content="PCDATA|FrontPage|"
注意:Content="你所用編輯器"
7、revisit-after (重訪)
說明:
用法:META name="revisit-after" CONTENT="7 days"
注意:
★Head中(zhōng)的其它一(yī)些用法
1、scheme (方案)
說明:scheme can be used when name is used to specify how the value of content should
be interpreted.
用法:meta scheme="ISBN" name="identifier" content="0-14-043205-1" /
注意:
2、Link (鏈接)
說明:鏈接到文件
用法:Link href="soim.ico" rel="Shortcut Icon"
注意:很多網站如果你把她保存在收件夾中(zhōng)後,會發現它連帶着一(yī)個小(xiǎo)圖标,如果再次點擊進入之後還會發現地址欄中(zhōng)也有個小(xiǎo)圖标。現在隻要在你的頁頭加上這段話(huà),就能輕松實現這一(yī)功能。LINK 用來将目前文件與其它 URL 作連結,但不會有連結按鈕,用於 HEAD 标記間, 格式如下(xià):
link href="URL" rel="relationship"
link href="URL" rev="relationship"
3、Base (基鏈接)
說明:插入網頁基鏈接屬性
用法:Base href="http://www.dow3.com/" target="_blank"
注意:你網頁上的所有相對路徑在鏈接時都将在前面加上“http://www.zpyj.com/”。其中(zhōng)target="_blank"是鏈接文件在新的窗口中(zhōng)打開(kāi),你可以做其他設置。将“_blank”改爲“_parent”是鏈接文件将在當前窗口的父級窗口中(zhōng)打開(kāi);改爲“_self”鏈接文件在當前窗口(幀)中(zhōng)打開(kāi);改爲“_top”鏈接文件全屏顯示。
以上是META标簽的一(yī)些基本用法,其中(zhōng)最重要的就是:Keywords和Description的設定。爲什麽呢?道理很簡單,這兩個語句可以讓搜索引擎能準确的發現你,吸引更多的人訪問你的站點!根據現在流行搜索引擎(Google,Lycos,AltaVista等)的工(gōng)作原理,搜索引擎先派機器人自動在WWW上搜索,當發現新的網站時,便于檢索頁面中(zhōng)的Keywords和Description,并将其加入到自己的數據庫,然後再根據關鍵詞的密度将網站排序。
由此看來,我(wǒ)(wǒ)們必須記住添加Keywords和Description的META标簽,并盡可能寫好關鍵字和簡介。否則,
後果就會是:
● 如果你的頁面中(zhōng)根本沒有Keywords和Description的META标簽,那麽機器人是無法将你的站點加入數
據庫,網友也就不可能搜索到你的站點。
● 如果你的關鍵字選的不好,關鍵字的密度不高,被排列在幾十甚至幾百萬個站點的後面被點擊的可
能性也是非常小(xiǎo)的。
寫好Keywords(關鍵字)要注意以下(xià)幾點:
● 不要用常見詞彙。例如www、homepage、net、web等。
● 不要用形容詞,副詞。例如最好的,最大(dà)的等。
● 不要用籠統的詞彙,要盡量精确。例如“愛立信手機”,改用“T28SC”會更好。
站點META标簽常用寫法介紹2007-11-30 17:42META标簽分(fēn)兩大(dà)部分(fēn):HTTP标題信息(HTTP-EQUIV)和頁面描述信息(NAME)。
一(yī)、HTTP-EQUIV
HTTP-EQUIV類似于HTTP的頭部協議,它回應給浏覽器一(yī)些有用的信息,以幫助正确和精确地顯示網頁内容。常用的HTTP-EQUIV類型有:
1、Content-Type和Content-Language (顯示字符集的設定)
用法:<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">或<Meta http-equiv="Content-Language" Content="zh-CN">
設定頁面使用的字符集,用以說明主頁制作所使用的文字或語言,浏覽器會根據此來調用相應的字符集顯示頁面内容。簡體(tǐ)中(zhōng)文一(yī)般爲GB2132,繁體(tǐ)中(zhōng)文爲BIG5,日文的字符集是iso-2022-jp,韓文的是ks_c_5601等。
2、Refresh (刷新)
用法:<Meta http-equiv="Refresh" Content="30">或<Meta http-equiv="Refresh" Content="5; Url=http://www.bazhan.net">
讓網頁多少秒刷新自己,或在多少秒後讓網頁自動鏈接到其它網頁。
3、Expires (期限)
用法:<Meta http-equiv="Expires" Content="0">或<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">
指定網頁在緩存中(zhōng)的過期時間,一(yī)旦網頁過期,必須到服務器上重新調閱。注意:必須使用GMT的時間格式。
4、Pragma (cach模式)
用法:<Meta http-equiv="Pragma" Content="No-cach">
網頁不保存在緩存中(zhōng),每次訪問都刷新頁面。這樣設定,訪問者将無法脫機浏覽。
5、Set-Cookie (cookie設定)
<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,21-Oct-98 16:14:21 GMT; path=/">
浏覽器訪問某個頁面時會将它存在緩存中(zhōng),下(xià)次再次訪問時就可從緩存中(zhōng)讀取,以提高速度。當你希望訪問者每次都刷新你廣告的圖标,或每次都刷新你的計數器,就要禁用緩存了。通常HTML文件沒有必要禁用緩存,對于ASP等頁面,就可以使用禁用緩存,因爲每次看到的頁面都是在服務器動态生(shēng)成的,緩存就失去(qù)意義。如果網頁過期,那麽存盤的cookie将被删除。必須使用GMT的時間格式。
6、Window-target (顯示窗口的設定)
用法:<Meta http-equiv="Widow-target" Content="_top">
強制頁面在當前窗口以獨立頁面顯示。這個屬性是用來防止别人在框架裏調用你的頁面。Content選項:_blank、_top、_self、_parent。
7、Pics-label (網頁RSAC等級評定)
用法:<META http-equiv="Pics-label" Contect="(PICS-1.1'http://www.bazhan.net' I gen comment 'RSACi North America Sever' by
'inet@microsoft.com' for 'http://www.microsoft.com' on '1997.06.30T14:21-0500' r(n0 s0 v0 l0))">
在IE的Internet選項中(zhōng)有一(yī)項内容設置,可以防止浏覽一(yī)些受限制的網站,而網站的限制級别就是通過該參數來設置的。
8、Page-Enter、Page-Exit (進入與退出)
用法:<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)"> <Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
或者:<Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)"> <Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">
這個是頁面被載入和調出時的一(yī)些特效。注意:blendTrans是動态濾鏡的一(yī)種,産生(shēng)漸隐效果。另一(yī)種動态濾鏡RevealTrans也可以用于頁面進入與退出效果: Duration 表示濾鏡特效的持續時間(單位:秒);Transition 濾鏡類型。表示使用哪種特效,取值爲0-23。
9、IE6 (頁面生(shēng)成器)
用法:<Meta http-equiv="IE6" Content="Generator">
頁面生(shēng)成器generator,是ie6。
10、Content-Script-Type (腳本相關)
用法:<Meta http-equiv="Content-Script-Type" Content="text/javascript">
注意:這是近來W3C的規範,指明頁面中(zhōng)腳本的類型。
二、NAME變量
name是描述網頁的,對應于Content(網頁内容),以便于搜索引擎機器人查找、分(fēn)類(目前幾乎所有的搜索引擎都使用網上機器人自動查找meta值來給網頁分(fēn)類)。
11、Keywords (關鍵字)
用法:<Meta name="Keywords" Content="關鍵詞1,關鍵詞2,關鍵詞3,關鍵詞4">
爲搜索引擎提供的關鍵字列表。注意:各關鍵詞間用英文半角逗号“,”隔開(kāi)。關鍵詞數量最好保持在5個以内,關鍵詞要和頁面内容相關。
12、Description (簡介)
用法:<Meta name="Description" Content="你網頁的簡述">
Description用來告訴搜索引擎你的網站或該頁面的主要内容,描述内容要和頁面内容相關,字數在150個字以内。
13、Robots (機器人向導)
用法:<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow">
說明:Robots用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。Content的參數有all、none、index、noindex、follow、nofollow。默認是all。
all:文件将被檢索,且頁面上的鏈接可以被查詢;none:文件将不被檢索,且頁面上的鏈接不可以被查詢;(和 "noindex, no follow" 起相同作用);index:文件将被檢索;(讓robot/spider登錄);follow:頁面上的鏈接可以被查詢;noindex:文件将不被檢索,但頁面上的鏈接可以被查詢;(不讓robot/spider登錄);nofollow:文件将不被檢索,頁面上的鏈接可以被查詢。(不讓robot/spider順着此頁的連接往下(xià)探找)。
14、Author (作者)
用法:<Meta name="Author" Content="毅衡,5@163.com">
标注網頁的作者或制作組。Content可以是:你或你的制作組的名字或Email。
15、Copyright (版權)
用法:<Meta name="Copyright" Content="本頁版權歸毅衡所有。All Rights Reserved icediary">
标注版權。
16、Generator (編輯器)
用法:<Meta name="Generator" Content="PCDATA|FrontPage|">
編輯器的說明。
17、revisit-after (重訪)
用法:<META name="revisit-after" CONTENT="7 days" >
一(yī)般用做引導搜索引擎重新訪問你的站點的時間間隔,一(yī)般使用days。
三、META常用舉例:
<META http-equiv=Content-Type content="text/html; charset=gb2312">
//設定頁面語言爲簡體(tǐ)中(zhōng)文
<META content="關鍵字" name="keywords">
//設定關鍵字
<META content="内容描述" name="description">
//設定描述
<META http-equiv="Refresh" Content="30">
//設定該頁面30秒自動刷新
<META name="robots" content="index, follow" />
//設定允許搜索引擎可以檢索,頁面上鏈接可以查詢
<META name="googlebot" content="index, follow" />
//針對google的搜索機器人設定允許搜索引擎可以檢索,頁面上鏈接可以查詢
<META name="Author" Content="毅衡">
//頁面作者
<META name="Copyright" Content="All Rights Reserved icediary">
//頁面版權
<META name="revisit-after" CONTENT="1 days" >
//設定回訪爲1天