META標籤詳解

META標籤,是HTML語言head區的一個輔助性標籤。在幾乎所有的page裏,我們都可以看到類似下面這段html代碼:

----------------------------

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>

---------------------------

這就是meta標籤的典型運用。meta標籤有多少參數,有什麼作用,爲什麼我們要特別重視它呢?讓我們一起來發掘meta標籤的奧妙!

根據HTML語言標準註釋:meta標籤是對網站發展非常重要的標籤,它可以用於鑑別作者,設定頁面格式,標註內容提要和關鍵字,以及刷新頁面等等。

meta標籤分兩大部分:HTTP-EQUIV和NAME變量。

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

1.expires(期限)

說明:可以用於設定網頁的到期時間。一旦網頁過期,必須到服務器上重新調閱。

用法:<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

注意:必須使用GMT的時間格式。

2.Pragma(cach模式)

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

用法:<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

注意:這樣設定,訪問者將無法脫機瀏覽。

3.Refresh(刷新)

說明:需要定時讓網頁自動鏈接到其它網頁的話,就用這句了。

用法:<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.webjx.com">

注意:其中的5是指停留5秒鐘後自動刷新到URL網址。

4.Set-Cookie(cookie設定)

說明:如果網頁過期,那麼存盤的cookie將被刪除。

用法:<META HTTP-EQUIV="Set-Cookie" CONTENT="cookievalue=xxx;

expires=Wednesday, 21-Oct-98 16:14:21 GMT; path=/">

注意:必須使用GMT的時間格式。

5.Window-target(顯示窗口的設定)

說明:強制頁面在當前窗口以獨立頁面顯示。

用法:<META HTTP-EQUIV="Window-target" CONTENT="_top">

注意:用來防止別人在框架裏調用你的頁面。

6.Content-Type(顯示字符集的設定)

說明:設定頁面使用的字符集。(我們在前面字體設計中已經介紹過它的作用)

用法:<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

      7 、Page-Exit /Page-Enter(進入頁面、離開頁面動畫效果)
   使用meta標籤,我們還可以在進入網頁或者離開網頁的一剎那實現動畫效果,我們只要在頁面的
   html代碼中的<head></head>標籤之間添加如下代碼就可以了:
 
   <meta http-equiv="Page-Enter" content="revealTrans(duration=5, transition=23)">
   <meta http-equiv="Page-Exit" content="revealTrans(duration=5, transition=23)">
   一旦上述代碼被加到一個網頁中後,我們再進出頁面時就會看到一些特殊效果,這個功能其實與
   FrontPage2000中的Format/Page Transition一樣,但我們要注意的是所加網頁不能是一個Frame
   頁;Duration的值爲網頁動態過渡的時間,單位爲秒。Transition是過渡方式,它的值爲0到
   23,分別對應24種過渡方式。如下表:

0 盒狀收縮
1 盒狀放射
2 圓形收縮
3 圓形放射
4 由下往上
5 由上往下
6 從左至右
7 從右至左
8 垂直百葉窗
9 水平百葉窗
10 水平格狀百葉窗
11 垂直格狀百葉窗
12 隨意溶解
13 從左右兩端向中間展開
14 從中間向左右兩端展開
15 從上下兩端向中間展開
16 從中間向上下兩端展開
17 從右上角向左下角展開
18 從右下角向左上角展開
19 從左上角向右下角展開
20 從左下角向右上角展開
21 水平線狀展開
22 垂直線狀展開
23 隨機產生一種過渡方式

●meat標籤的NAME變量語法格式是:

<META NAME="xxx" CONTENT="xxxxxxxxxxxxxxxxxx">

其中xxx主要有下面幾種參數:

1.Keywords(關鍵字)

說明:keywords用來告訴搜索引擎你網頁的關鍵字是什麼。

舉例:<META NAME ="keywords" CONTENT="life, universe, mankind, plants,

relationships, the meaning of life, science">

2.description(簡介)

說明:description用來告訴搜索引擎你的網站主要內容。

舉例:<META NAME="description" CONTENT="This page is about the meaning of

life, the universe, mankind and plants.">

3.robots(機器人嚮導)

說明:robots用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。

CONTENT的參數有all,none,index,noindex,follow,nofollow。默認是all。

舉例:<META NAME="robots" CONTENT="none">

4.author(作者)

說明:標註網頁的作者

舉例:<META name="AUTHOR" content="webjx,[email protected]">

以上是meta標籤的一些基本用法,其中最重要的就是:Keywords和description的設定。

爲什麼呢?道理很簡單,這兩個語句可以讓搜索引擎能準確的發現你,吸引更多的人訪問你的站點!根據現在流行搜索引擎(Lycos,AltaVista等)的工作原理,搜索引擎首先派出機器人自動在www上搜索,當發現新的網站時,便檢索頁面中的keywords和decription,並將其加入到自己的數據庫,然後再根據關鍵詞的密度將網站排序。

也就是說:

1. 如果你的頁面中根本沒有Keywords和description的meta標籤,那麼機器人是無法將你的站點加入數據庫,網友也就不可能搜索到你的站點。

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

所以,我們必須記住添加keywords和description的meta標籤,並儘可能寫好關鍵字和簡介。

寫keywords的禁忌是:

1.不要用常見詞彙。例如www,homepage,net,web等。

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

3.不要用籠統的詞彙,要儘量精確。例如不用"摩托羅拉手機",改用"V998"等

尋找合適的關鍵詞的一個技巧是:到lycos,Alta,infoseek等搜索引擎,搜索與你內容相仿的網站,查看排名前十位的網站的meta關鍵字,copy下來用到自己的站點上。

這裏,我們舉一段微軟多媒體網站的關鍵字供你參考:

<meta name="keywords" content="joke, music, MP3, media, audio,

joke of the day, downloads, free music, horoscope, radio, video,

music downloads, movies, radio station, media player, free,

download, weather, horoscopes, windows media technologies,

online, radio station guide, free download">

另外爲了提高搜索點擊率,這裏還有一些"邪門歪道":

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

2.在圖象的alt註釋語句中加入關鍵字。

如:<IMG SRC="xxx.gif" Alt="keywords">

3.利用HTML的註釋語句,在頁面代碼里加入大量關鍵字。

用法: <!--- 這裏插入關鍵字 --->  

發佈了6 篇原創文章 · 獲贊 0 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章