meta在web推廣的大作用及其在html中的語法

weixin_34304013發表於2007-12-13
meta是用來在HTML文件中模擬HTTP協議的響應頭報文。meta 標籤用於網頁的<head>與</head>中,meta 標籤的用處很多。meta的屬性有兩種:name和http-equiv。name屬性主要用於描述網頁,對應於content(網頁內容),以便於搜尋引擎機器人查詢、分類(目前幾乎所有的搜尋引擎都使用網上機器人自動查詢meta值來給網頁分類)。這其中最重要的是description(站點在搜尋引擎上的描述)和keywords(分類關鍵詞),所以應該給每頁加一個meta值。比較常用的有以下幾個:

  name 屬性
  1、<meta name="Generator" contect="">用以說明生成工具(如 Microsoft FrontPage 4.0)等;
  2、<meta name="KEYWords" contect="">向搜尋引擎說明你的網頁的關鍵詞;
  3、<meta name="DEscription" contect="">告訴搜尋引擎你的站點的主要內容;
  4、<meta name="Author" contect="你的姓名">告訴搜尋引擎你的站點的製作的作者;
  5、<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow">

  其中的屬性說明如下:
  設定為all:檔案將被檢索,且頁面上的連結可以被查詢;
  設定為none:檔案將不被檢索,且頁面上的連結不可以被查詢;
  設定為index:檔案將被檢索;
  設定為follow:頁面上的連結可以被查詢;
  設定為noindex:檔案將不被檢索,但頁面上的連結可以被查詢;
  設定為nofollow:檔案將不被檢索,頁面上的連結可以被查詢。

  http-equiv屬性
  1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">和<meta http-equiv="Content-Language" contect="zh-CN">用以說明主頁製作所使用的文字以及語言;又如英文是ISO-8859-1字符集,還有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集;
  2、<meta http-equiv="Refresh" contect="n;url=http://yourlink">定時讓網頁在指定的時間n內,跳轉到頁面http://yourlink;
  3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用於設定網頁的到期時間,一旦過期則必須到伺服器上重新呼叫。需要注意的是必須使用GMT時間格式;
  4、<meta http-equiv="Pragma" contect="no-cache">是用於設定禁止瀏覽器從本地機的快取中調閱頁面內容,設定後一旦離開網頁就無法從Cache中再調出;
  5、<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie設定,如果網頁過期,存檔的cookie將被刪除。需要注意的也是必須使用GMT時間格式;
  6、<meta http-equiv="Pics-label" contect="">網頁等級評定,在IE的internet選項中有一項內容設定,可以防止瀏覽一些受限制的網站,而網站的限制級別就是通過meta屬性來設定的;
  7、<meta http-equiv="windows-Target" contect="_top">強制頁面在當前視窗中以獨立頁面顯示,可以防止自己的網頁被別人當作一個frame頁呼叫;
  8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=6)">設定進入和離開頁面時的特殊效果,這個功能即FrontPage中的“格式/網頁過渡”,不過所加的頁面不能夠是一個frame頁面。

例:
<HEAD>
<title>網路技術有限公司(專業基於Web技術軟體開發商 專業網站製作設計 網站建設專家 杭州企業網站建設 入口網站建設 網站製作 網路傳播 網站設計 網站策劃)</title>
<META content="杭州|Web開發|軟體開發|網站建設|網頁設計|網站製作|ASP.NET|虛擬主機|中國酒店行業|飯店行業|賓館行業|社群|論壇|俱樂部|總經理|部門經理|招聘|預訂|行業人士|部落格|酒店文化|企業文化|人力資源|裝置維護|房務|大堂|前廳|餐飲|營銷 name=keywords>
<META CONTENT="Web開發軟體開發網站建設網頁設計網站製作ASP.NET虛擬主機" name="description">
<META content=網路,網站建設專家 name=author>
<META content=網站建設,網頁設計,網站推廣,網頁製作,網站策劃 name=Abstract>
<META content=網站建設 name=Classification>
<META content="index, follow" name=robots>
<META content=網站建設,網頁設計,網站推廣,杭州網站建設,浙江網頁設計,中國網站推廣,網頁製作,杭州網頁製作 name=searchtitle>
<META content="INDEX, FOLLOW" name=GOOGLEBOT>
<META content="Copyright 2001-2004 - 網路技術有限公司" name=copyright>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">
<meta name="vs_defaultClientScript" content="JavaScript">
<link href="css.css" rel="stylesheet" type="text/css">
</HEAD>

1.公司版權註釋
<!--- The site is designed by Maketown,Inc 06/2000 --->

2.網頁顯示字符集
簡體中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
繁體中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
英 語:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

3.網頁製作者資訊
<META name="author" content="webmaster@maketown.com">

4.網站簡介
<META NAME="DESCRIPTION" CONTENT="xxxxxxxxxxxxxxxxxxxxxxxxxx">

5.搜尋關鍵字
<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">

6.網頁的css規範
<LINK href="style/style.css" rel="stylesheet" type="text/css">
(參見目錄及命名規範)

7.網頁標題
<title>xxxxxxxxxxxxxxxxxx</title>

.可以選擇加入的標籤

1.設定網頁的到期時間。一旦網頁過期,必須到伺服器上重新調閱。
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

2.禁止瀏覽器從本地機的快取中調閱頁面內容。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

3.用來防止別人在框架裡呼叫你的頁面。
<META HTTP-EQUIV="Window-target" CONTENT="_top">

4.自動跳轉。
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com">5___指時間停留5秒。

5.網頁搜尋機器人嚮導.用來告訴搜尋機器人哪些頁面需要索引,哪些頁面不需要索引。
<META NAME="robots" CONTENT="none">
CONTENT的引數有all,none,index,noindex,follow,nofollow。預設是all。

6.收藏夾圖示
<link rel = "Shortcut Icon" href="favicon.ico">

所有的javascript的呼叫盡量採取外部呼叫.
<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>

附<body>標籤:
<body>標籤不屬於head區,這裡強調一下,為了保證瀏覽器的相容性,必須設定頁面背景<body bgcolor="#FFFFFF">

相關文章