2008年6月17日 星期二

常用META標籤介紹

.
.

站點META標籤常用寫法介紹


META標籤分兩大部分:HTTP標題訊息(HTTP-EQUIV)和頁面描述訊息(NAME)


一、HTTP-EQUIV


HTTP-EQUIV類似於HTTP的頭部協議,它回應給瀏覽器一些有用的信息,以幫助正確和精確地顯示網頁內容。常用的HTTP-EQUIV類型有:


1Content-TypeContent-Language
(
顯示字符集的設定)


用法:



<Meta
http-equiv="Content-Type" Content="text/html; Charset=utf-8">



<Meta
http-equiv="Content-Language" Content="zh-tw">



設定頁面使用的字符集,用以說明主頁制作所使用的文字或語言,瀏覽器會根據此來調用相應的字符集顯示頁面內容。國際標準碼為utf-8,簡體中文一般為GB2132,繁體中文為BIG5,日文的字符集是iso-2022-jp,韓文的是ks_c_5601等。


2Refresh
(
刷新
)



用法:


<Meta
http-equiv="Refresh" Content="30">



<Meta
http-equiv="Refresh" Content="5; url=http://www.bonny.com.tw">


讓網頁多少秒刷新自己,或在多少秒後讓網頁自動鏈接到其它網頁。


3Expires
(
期限)
用法:


<Meta
http-equiv="Expires" Content="0">



<Meta
http-equiv="Expires" Content="Wed, 26 Feb 2097 08:21:57 GMT">


指定網頁在緩存中的過期時間,一旦網頁過期,必須到服務器上重新調閱。注意:必須使用GMT的時間格式。



4Pragma
(cach
模式
)



用法:
<Meta http-equiv="Pragma" Content="No-cach">


網頁不保存在緩存中,每次訪問都刷新頁面。這樣設定,訪問者將無法脫機瀏覽。



5Set-Cookie
(cookie
設定
)



<Meta
http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,21-Oct-98
16:14:21 GMT; path=/">


瀏覽器訪問某個頁面時會將它存在緩存中,下次再次訪問時就可從緩存中讀取,以提高速度。當你希望訪問者每次都刷新你廣告的圖標,或每次都刷新你的計數器,就要禁用緩存了。通常HTML文件沒有必要禁用緩存,對於ASP等頁面,就可以使用禁用緩存,因為每次看到的頁面都是在服務器動態生成的,緩存就失去意義。如果網頁過期,那么存盤的cookie將被刪除。必須使用GMT的時間格式。



6Window-target
(
顯示視窗的設定
)



用法:
<Meta http-equiv="Widow-target" Content="_top">



強制頁面在當前窗口以獨立頁面顯示。這個屬性是用來防止別人在框架裏調用你的頁面。
Content選項:_blank_top_self_parent



7Pics-label
(
網頁RSAC等級評定)


用法:
<META http-equiv="Pics-label" Contect="(PICS1.1'http://www.bonny.com.tw'
I gen comment 'RSACi North America Sever' by 'inet@microsoft.com' for
'http://www.microsoft.com' on '2007.06.30T14:21
0500'
r(n0 s0 v0 l0))">



IEInternet選項中有一項內容設置,可以防止瀏覽一些受限制的網站,而網站的限制級別就是通過該參數來設置的。



8Page-EnterPage-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)">



這個是頁面被載入和調出時的一些特效。


注意:blendTrans是動態濾鏡的一種,產生漸隱效果。另一種動態濾鏡RevealTrans也可以用於頁面進入與退出效果:
Duration
表示濾鏡特效的持續時間(單位:秒)Transition
濾鏡類型。表示使用哪種特效,取值為0-23



9IE6
(
頁面生成器)


用法:
<Meta http-equiv="IE6" Content="Generator">


頁面生成器generator,是ie6



10Content-Script-Type
(
腳本相關)


用法:
<Meta http-equiv="Content-Script-Type"
Content="text/javascript">


注意:這是近來W3C的規範,指明頁面中腳本的類型。




二、NAME變量
name是描述網頁的,對應於Content(網頁內容),以便於搜索引擎機器人查找、分類(目前幾乎所有的搜索引擎都使用網上機器人自動查找meta值來給網頁分類)。


11Keywords
(
關鍵字)



用法:
<Meta name="Keywords" Content="關鍵詞1,關鍵詞2,關鍵詞3,關鍵詞4">


為搜索引擎提供的關鍵字列表。注意:各關鍵詞間用英文半角逗號“,”隔開。關鍵詞數量最好保持在5個以內,關鍵詞要和頁面內容相關。


12Description
(
簡介)


用法:
<Meta name="Description" Content="
你網頁的簡述">


Description用來告訴搜索引擎你的網站或該頁面的主要內容,描述內容要和頁面內容相關,字數在150個字以內。


13Robots
(
機器人向導)


用法:
<Meta name="Robots" Content="AllNoneIndexNoindexFollowNofollow">


說明:Robots用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。Content的參數有allnoneindexnoindexfollownofollow。默認是all



   



all:文件將被檢索,且頁面上的鏈接可以被查詢;


none:文件將不被檢索,且頁面上的鏈接不可以被查詢;(
"noindex, no follow"
起相同作用)


index:文件將被檢索;(讓robot/spider登錄);


follow:頁面上的鏈接可以被查詢;


noindex:文件將不被檢索,但頁面上的鏈接可以被查詢;(不讓robot/spider登錄)


nofollow:文件將不被檢索,頁面上的鏈接可以被查詢。(不讓robot/spider順著此頁的連接往下探找)





14Author
(
作者)


用法:
<Meta name="Author" Content="
兔兔,www.bonny.com.tw">


標注網頁的作者或制作組。Content可以是:你或你的制作組的名字或Email





15Copyright
(
版權)


用法:
<Meta name="Copyright" Content="
本頁版權歸兔兔所有。All
Rights Reserved bonny">


標注版權。





16Generator
(
編輯器)


用法:
<Meta name="Generator" Content="PCDATAFrontPage">


編輯器的說明。





17revisit-after
(
重訪)


用法:
<META name="revisit-after" CONTENT="7 days" >


一般用做引導搜索引擎重新訪問你的站點的時間間隔,一般使用days


 



三、META常用舉例:


<META http-equiv=Content-Type content="text/html; charset=big5">


//設定頁面語言為繁體中文



<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 bonny">


//頁面版權



<META name="revisit-after" CONTENT="1 days" >


//設定回訪為1



.

.


馬上按讚 加入 [兔兔電腦教室] 粉絲團

沒有留言:

加入Google+ Facebook 馬上按讚 加入兔兔電腦教室粉絲團

 

站群搜尋

含主站,論壇,部落格
自訂搜尋