1. 程式人生 > >Programmer's Way

Programmer's Way

引言:

如何推廣個人網站,人們首先想到的方法無外乎以下幾種:

●在搜尋引擎中登入自己的個人網站

●在知名網站加入你個人網站的連結

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

很多人卻忽視了HTML標籤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頁面所使用的字符集為GB2312,就是國標漢字碼,如果將其中的“charset=GB2312”替換成“BIG5”,則該頁面所用的字符集就是繁體中文Big5碼,,當你瀏覽一些國外的站點時,IE瀏覽器會提示你要正確顯示該頁面需要下載xx語支援,這個功能就是通過讀取HTML頁面META標籤的Content-Type屬性而得知需要使用哪種字符集顯示該頁面的,如果系統裡沒有裝相應的字符集,則IE就提示下載,其他的語言也對應不同的charset,比如日文的字符集是“iso-2022-jp ”,韓文的是“ks_c_5601”。

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模式)

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

用法:

<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-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 (網頁等級評定)

說明:在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)">

注意: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.Content-Script-Type (指令碼相關)

說明:這是近來W3C的規範,指明頁面中指令碼的型別
用法:

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

NAME變數

name是描述網頁的,對應於Content(網頁內容),以便於搜尋引擎機器人查詢、分類,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順著此頁的連線往下探找)

一些小技巧

為了提高搜尋點選率,這裡還有一些“捷徑”:

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

●在影象的ALT註釋語句中加入關鍵字。如:Keywords

●利用HTML的註釋語句,在頁面程式碼里加入大量關鍵字
用法: <!-- 這裡插入關鍵字 -->