HTML meta標(biāo)簽的用途,屬性,功能

meta的用途

我認(rèn)為meta就好比網(wǎng)頁的明信片,它是網(wǎng)頁html文檔的從屬介紹屬性,那么當(dāng)然一個網(wǎng)頁可以有多個meta以便更好地介紹該網(wǎng)頁相關(guān)信息給搜索引擎看。需要meta這樣做的目的是為了SEO(搜索引擎優(yōu)化),也就是說meta和SEO是息息相關(guān)的,但SEO也不只看meta,它會具體解析網(wǎng)頁其他東西以便抓取。

meta的屬性

屬性有三個,分別是:

name,content,http-equiv

meta的功能

  1. name :告訴搜索引擎這個meta的類型
  2. content :告訴搜索引擎關(guān)于name和http-equiv屬性值的具體內(nèi)容

以下是name的屬性取值和content對應(yīng)name屬性值的內(nèi)容的分析:

1 ) Keywords:關(guān)鍵字,即告訴搜索引擎,這個網(wǎng)頁的主題是什么。
每個關(guān)鍵字之間,應(yīng)該用用英文的逗號","分隔開。

例如:
<meta name="Keywords" content="關(guān)鍵字,關(guān)鍵字1,關(guān)鍵字2,關(guān)鍵字3,...,..." />

當(dāng)數(shù)個meta元素提供文檔語言的從屬信息時,搜索引擎會使用lang特性來過濾并通過用戶的語言優(yōu)先參照來顯示搜索結(jié)果。

例如:
<meta name="Kyewords" Content="vacation,greece,sunshine">
<meta name="Kyewords" Content="vacances,grè:ce,soleil">

2)Description:簡介,即告訴搜索引擎,這個網(wǎng)頁的大致內(nèi)容。就好像Keywords是作文標(biāo)題,Description再詳細(xì)說一下作文的內(nèi)容、優(yōu)勢等等。

例如:
  <meta name="Description" Content="這個網(wǎng)頁講述了的META用法...">

3)Robots:純粹寫給搜索引擎看的,因為Keywords和Description,人類還可以看懂,而Robots是非專業(yè)人士所無法理解的。
  當(dāng)name為Robots時,Content可選參數(shù)有
  index:當(dāng)前頁面可以被抓取
  follow:被當(dāng)前頁面內(nèi)所鏈接的頁面可以抓取
  noindex:當(dāng)前頁面不可以被抓取
  nofollow:被當(dāng)前頁面內(nèi)所鏈接的頁面不可以抓取
  由于Content的內(nèi)容可以是多選的,例如CONTENT="INDEX,FOLLOW",所以上述這四個參數(shù),共可以組成4種不同的雙選結(jié)果。

例如:
  <META NAME="Robots" CONTENT="index,follow" />可以寫成<META NAME="Robots" CONTENT="all" />
  <META NAME="Robots" CONTENT="noindex,nofollow" />可以寫成<META NAME="Robots" CONTENT="none" />

4)Author:作者,即告訴搜索引擎,這個頁面的作者是誰,一般那種文章性質(zhì)的頁面,這個屬性被應(yīng)用得比較多。

例如:
<meta name="Author" Content="czBin,11year@Gmail.com">

5)Copyright:版權(quán),告訴搜索引擎,這個頁面的版權(quán)是屬于誰的。

例如:
<meta name="Copyright" Content="版權(quán)信息">

6)Generator:制作軟件,難道搜索引擎連這個也需要知道?用FrontPage和Dreamweaver制作出的頁面,抓取方式不同嗎,這個是我比較困惑的東西。

例如:
<meta name="Generator" Content="PCDATA|FrontPage|">

7)revisit-after:更新時間,即告訴搜索引擎,這個頁面多長時間會更新,到時候,需要來重新抓取

例如:
<META name="revisit-after" CONTENT="2 days">

  1. http-equiv :meta的http-equiv屬性,其作用類似于http協(xié)議,它會告訴瀏覽器一些關(guān)于字符設(shè)定,頁面刷新,cookie,和緩存等等相關(guān)信息。

以下是http-equiv的屬性取值和content對應(yīng)http-equiv屬性值的內(nèi)容的分析:

1)Content-Type:聲明頁面所適用的的字符集,以及頁面文檔屬性。

例如:
  <meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">
  告訴瀏覽器,該頁面為HTML類文檔,并且,適用gb2312(中文)作為默認(rèn)字符。

2)Refresh:設(shè)置頁面刷新或自動跳轉(zhuǎn)的時間。

例如:
  <meta http-equiv="Refresh" Content="60">
  Content="60"的意思是說,60秒后,頁面刷新
  <meta http-equiv="Refresh" Content="10; Url=http://www.isinwin.cn">
  Content="10 的意思是說,10秒后,網(wǎng)頁將自動跳轉(zhuǎn)。

3)Expires:設(shè)定網(wǎng)頁的過期時間,當(dāng)網(wǎng)頁過期后,必須重新讀取頁面信息。

例如:
  <meta http-equiv="Expires" Content="Fri, 15 Jun 2007 01:13:13 GMT">
  <meta http-equiv="Expires" Content="0">
  時間格式必須為GMT標(biāo)準(zhǔn)時間,Content設(shè)置為0則代表該網(wǎng)頁永不過期。

4)Pragma:禁止瀏覽器緩存網(wǎng)頁。

例如:
  <meta http-equiv="Pragma" Content="No-cach">
  禁止瀏覽器緩存頁面(但是瀏覽者同樣可以保存頁面)

5)Set-Cookie :設(shè)定cookie的過期時間。

例如:
  <meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday, 21-Oct-98 16:14:21 GMT; path=/">

6)Window-target:強制頁面在當(dāng)前窗口以獨立頁面顯示。

例如:
  <meta http-equiv="Widow-target" Content="_top">
  這個屬性是用來防止別人在框架里調(diào)用你的頁面。Content選項:_blank、_top、_self、_parent。

有問題郵件探討一下唄,點擊這里
我的博客鏈接,歡迎大家放心來參觀和提建議
PS:好像有啥隱私設(shè)置,我又不是黑客,頭大。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容