發新話題 Report thanks

Meta標簽詳解,在網上轉的,希望對大家有用

引言

  您的個人網站即使做得再精彩,在“浩瀚如海”的網絡空間中,也如一葉扁舟不易為人發現,如何推廣
個人網站,人們首先想到的方法無外乎以下幾種:
  
  * 在搜索引擎中登錄自己的個人網站
  
  * 在知名網站加入你個人網站的鏈接

  * 在論壇中發帖子宣傳你的個人網站

  很多人卻忽視了HTML標簽META的強大功效,一個好的META標簽設計可以大大提高你的個人網站被搜索到的可能性,有興趣嗎,誰我來重新認識一下META標簽吧!

  META標簽是HTML語言HEAD區的一個輔助性標簽,它位於HTML文檔頭部的<HEAD>標記和<TITLE>標記之間,它提供用戶不可見的信息。meta標簽通常用來為搜索引擎robots定義頁面主題,或者是定義用戶瀏覽器上的cookie;它可以用於鑒別作者,設定頁面格式,標注內容提要和關鍵字;還可以設置頁面使其可以根據你定義的時間間隔刷新自己,以及設置RASC內容等級,等等。

  詳細介紹

  下面介紹一些有關標記的例子及解釋。

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

  *HTTP-EQUIV

  HTTP-EQUIV類似於HTTP的頭部協議,它回應給瀏覽器一些有用的信息,以幫助正確和精確地顯示網頁內容。常用的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,就是國標漢字碼。如果將其中的“charset=GB2312”替換成“BIG5”,則該頁面所用的字符集就是繁體中文Big5碼。當你瀏覽一些國外的站點時,IE瀏覽器會提示你要正確顯示該頁面需要下載xx語支持。這個功能就是通過讀取HTML頁面META標簽的Content-Type屬性而得知需要使用哪種字符集顯示該頁面的。如果係統裏沒有裝相應的字符集,則IE就提示下載。其他的語言也對應不同的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">
   注意:其中的5是指停留5秒鐘後自動刷新到URL網址。

  3、Expires (期限)

   說明:指定網頁在緩存中的過期時間,一旦網頁過期,必須到服務器上重新調閱。
   用法:<Meta http-equiv="Expires"Content="0">
      <Meta http-equiv="Expires"Content="Wed,26Feb 199708:21:57GMT">
   注意:必須使用GMT的時間格式,或直接設為0(數字表示多少時間後過期)。

  4、Pragma (cach模式)

   說明:禁止瀏覽器從本地機的緩存中調閱頁面內容。
   用法:<Meta http-equiv="Pragma"Content="No-cach">
   注意:網頁不保存在緩存中,每次訪問都刷新頁面。這樣設定,訪問者將無法脫機瀏覽。

  5、Set-Cookie (cookie設定)

  說明:瀏覽器訪問某個頁面時會將它存在緩存中,下次再次訪問時就可從緩存中讀取,以提高速度。當你希望訪問者每次都刷新你廣告的圖標,或每次都刷新你的計數器,就要禁用緩存了。通常HTML文件沒有必要禁用緩存,對於ASP等頁面,就可以使用禁用緩存,因為每次看到的頁面都是在服務器動態生成的,緩存就失去意義。如果網頁過期,那么存盤的cookie將被刪除。
   用法:<Meta http-equiv="Set-Cookie"Content="cookievalue=xxx;expires=Wednesday,
      21-Oct-9816:14:21GMT;path=/">
   注意:必須使用GMT的時間格式。

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

   說明:強制頁面在當前窗口以獨立頁面顯示。
   用法:<Meta http-equiv="Widow-target"Content="_top">
   注意:這個屬性是用來防止別人在框架裏調用你的頁面。Content選項:_blank、_top、_self、_parent。

  7、Pics-label (網頁RSAC等級評定)
   說明:在IE的Internet選項中有一項內容設置,可以防止瀏覽一些受限制的網站,而網站的限制級
      別就是通過該參數來設置的。
   用法:<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(n0s0v0l0))">

   注意:不要將級別設置的太高。RSAC的評估係統提供了一種用來評價Web站點內容的標準。用戶可以設置Microsoft Internet Explorer(IE3.0以上)來排除包含有**和暴力內容的站點。上面這個例子中的HTML取自Microsoft的主頁。代碼中的(n 0s 0v 0l 0)表示該站點不包含不健康內容。級別的評定是由RSAC,即美國娛樂委員會的評級機構評定的,如果你想進一步了解RSAC評估係統的等級內容,或者你需要評價自己的網站,可以訪問RSAC的站點:http://www.rsac.org/

  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)">
   注意:blendTrans是動態濾鏡的一種,產生漸隱效果。另一種動態濾鏡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矩形縮小
       1矩形擴大
       2圓形縮小
       3圓形擴大
       4下到上刷新
       5上到下刷新
       6左到右刷新
       7右到左刷新
       8豎百葉窗
       9橫百葉窗
      10錯位橫百葉窗
      11錯位豎百葉窗
      12點擴散
      13左右到中間刷新
      14中間到左右刷新
      15中間到上下
      16上下到中間
      17右下到左上
      18右上到左下
      19左上到右下
      20左下到右上
      21橫條
      22豎條
      23以上22種隨機選擇一種

  9、MSThemeCompatible (XP主題)
   說明:是否在IE中關閉xp 的主題
   用法:<Meta http-equiv="MSThemeCompatible"Content="Yes">
   注意:關閉xp 的藍色立體按鈕係統顯示樣式,從而和win2k 很象。

  10、IE6(頁面生成器)
   說明:頁面生成器generator,是ie6
   用法:<Meta http-equiv="IE6"Content="Generator">
   注意:用什么東西做的,類似商品出廠廠商。

  11、Content-Script-Type (腳本相關)
   說明:這是近來W3C的規範,指明頁面中腳本的類型。
   用法:<Meta http-equiv="Content-Script-Type"Content="text/javascript">
   注意:

  *NAME變量

  name是描述網頁的,對應於Content(網頁內容),以便於搜索引擎機器人查找、分類(目前幾乎所有的搜索引擎都使用網上機器人自動查找meta值來給網頁分類)。
  name的value值(name="")指定所提供信息的類型。有些值是已經定義好的。例如description(說明)、keyword(關鍵字)、refresh(刷新)等。還可以指定其他任意值,如:creationdate(創建日期)、
document ID(文檔編號)和level(等級)等。
  name的content指定實際內容。如:如果指定level(等級)為value(值),則Content可能是beginner(初級)、intermediate(中級)、advanced(高級)。

  1、Keywords (關鍵字)
   說明:為搜索引擎提供的關鍵字列表
   用法:<Meta name="Keywords"Content="關鍵詞1,關鍵詞2,關鍵詞3,關鍵詞4,……">
   注意:各關鍵詞間用英文逗號“,”隔開。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">
   注意:許多搜索引擎都通過放出robot/spider搜索來登錄網站,這些robot/spider就要用到meta元素的一些特性來決定怎樣登錄。

   all:文件將被檢索,且頁面上的鏈接可以被查詢;
   none:文件將不被檢索,且頁面上的鏈接不可以被查詢;(和"noindex,no follow"起相同作用)
   index:文件將被檢索;(讓robot/spider登錄)
   follow:頁面上的鏈接可以被查詢;
   noindex:文件將不被檢索,但頁面上的鏈接可以被查詢;(不讓robot/spider登錄)
   nofollow:文件將不被檢索,頁面上的鏈接可以被查詢。(不讓robot/spider順著此頁的連接往下探找)

  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="7days">
   注意:

  *Head中的其它一些用法

  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">
   注意:很多網站如果你把她保存在收件夾中後,會發現它連帶著一個小圖標,如果再次點擊進入之後還會發現地址欄中也有個小圖標。現在只要在你的頁頭加上這段話,就能輕松實現這一功能。<LINK>用來將目前文件與其它URL 作連結,但不會有連結按鈕,用於<HEAD>標記間,格式如下:
       <link href="URL"rel="relationship">
       <link href="URL"rev="relationship">

  3、Base (基鏈接)
   說明:插入網頁基鏈接屬性
   用法:<Base href="http://www.xia8.net/"target="_blank">
   注意:你網頁上的所有相對路徑在鏈接時都將在前面加上“http://www.cn8cn.com/”。其中target="_blank"是鏈接文件在新的窗口中打開,你可以做其他設置。將“_blank”改為“_parent”是鏈接文件將在當前窗口的父級窗口中打開;改為“_self”鏈接文件在當前窗口(幀)中打開;改為“_top”鏈接文件全屏顯示。

  以上是META標簽的一些基本用法,其中最重要的就是:Keywords和Description的設定。為什么呢?道理很簡單,這兩個語句可以讓搜索引擎能準確的發現你,吸引更多的人訪問你的站點!根據現在流行搜索引擎(Google,Lycos,AltaVista等)的工作原理,搜索引擎先派機器人自動在WWW上搜索,當發現新的網站時,便於檢索頁面中的Keywords和Description,並將其加入到自己的數據庫,然後再根據關鍵詞的密度將網站排序。

  由此看來,我們必須記住添加Keywords和Description的META標簽,並盡可能寫好關鍵字和簡介。否則,
後果就會是:
  
  * 如果你的頁面中根本沒有Keywords和Description的META標簽,那么機器人是無法將你的站點加入數
    據庫,網友也就不可能搜索到你的站點。

  * 如果你的關鍵字選的不好,關鍵字的密度不高,被排列在幾十甚至幾百萬個站點的後面被點擊的可
    能性也是非常小的。

  寫好Keywords(關鍵字)要注意以下幾點:

  * 不要用常見詞匯。例如www、homepage、net、web等。

  * 不要用形容詞,副詞。例如最好的,最大的等。

  * 不要用籠統的詞匯,要盡量精確。例如“愛立信手機”,改用“T28SC”會更好。

  “三人之行,必有我師”,尋找合適關鍵詞的技巧是:到Google、Lycos、Alta等著名搜索引擎,搜索與
你的網站內容相倣的網站,查看排名前十位的網站的META關鍵字,將它們用在你的網站上,效果可想而知了。

  *小竅門

  為了提高搜索點擊率,這裏還有一些“捷徑”可以幫得到你:

  * 為了增加關鍵詞的密度,將關鍵字隱藏在頁面裏(將文字顏色定義成與背景顏色一樣)。

Java 特效Javascript 特效
  * 在圖像的ALT注釋語句中加入關鍵字。如:<IMG SRC="xxx.gif"Alt="Keywords">

  * 利用HTML的注釋語句,在頁面代碼裏加入大量關鍵字。用法:<!--這裏插入關鍵字-->

< head>  <title>文件頭,顯示在瀏覽器標題區</title>  
<meta http-equiv="Content-Language"content="zh-cn">  
<meta http-equiv="Content-Type"content="text/html;charset=gb2312">  <meta name="GENERATOR"content="Microsoft FrontPage 4.0">  
<meta name="ProgId"content="FrontPage.Editor.Document">  
<meta name="制作人"content="唐蓉生">  
<meta name="主題詞"content="HTML 網頁制作課件">
</head>
如果您喜歡這篇文章,請按「讚」或分享給您的朋友,以示鼓勵。

TOP

幾有用wor........

TOP

thanks very useful for you

TOP

thanks