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

weixin_34304013發表於2007-12-13
原文網址 : https://blog.csdn.net/weixin_34304013/article/details/85394460
WebHTML
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"＞

相關文章