meta標籤 bead標籤

標籤：

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

META標籤是HTML語言HEAD區的一個輔助性標籤，它位於HTML文檔頭部的標記和 標題 <<標記之間，它提供使用者不可見的資訊。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, 26 Feb 1997 08:21:57 GMT">

注意：必須使用GMT的時間格式，或直接設為0（數字表示多少時間後到期）。

4、Pragma （cach模式）

說明：禁止瀏覽器從本地機的緩衝中調閱頁面內容。

用法：

注意：網頁不儲存在緩衝中，每次訪問都重新整理頁面。這樣設定，訪問者將無法離線瀏覽。

5、Set-Cookie （cookie設定）

說明：瀏覽器訪問某個頁面時會將它存在緩衝中，下次再次訪問時就可從緩衝中讀取，以提高速度。當你希望訪問者每次都重新整理你廣告的表徵圖，或每次都重新整理你的計數器，就要禁用緩衝了。通常HTML檔案沒有必要禁用緩衝，對於ASP等頁面，就可以使用禁用緩衝，因為每次看到的頁面都是在伺服器動態產生的，緩衝就失去意義。如果網頁到期，那麼存檔的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選項中有一項內容設定，可以防止瀏覽一些受限制的網站，而網站的限制層級就是通過該參數來設定的。

用法：：<META http-equiv="Pics-label" Contect="(PICS－1.1‘http://www.rsac.org/ratingsv01.html‘I gen comment ‘RSACi North America Sever‘ by ‘[email protected]‘for ‘http://www.microsoft.com‘ on ‘1997.06.30T14:21－0500‘ r(n0 s0 v0 l0))">

注意：不要將層級設定的太高。RSAC的評估系統提供了一種用來評價Web網站內容的標準。使用者可以設定Microsoft Internet Explorer（IE3.0以上）來排除包含有色情和暴力內容的網站。上面這個例子中的HTML取自Microsoft的首頁。代碼中的（n 0 s 0 v 0 l 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)">

二、

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="張三，[email protected]">

注意：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中的其它一些用法

1、scheme (方案)

說明：scheme can be used when name is used to specify how the value of content shouldbe 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關鍵字，將它們用在你的網站上，效果可想而知了

meta標籤 bead標籤