日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

meta详解

發布時間:2025/5/22 编程问答 34 豆豆
生活随笔 收集整理的這篇文章主要介紹了 meta详解 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

Meta詳細說明及使用方法-seo頁面關鍵字設置

?

Meta詳細說明及使用方法?
什么樣的META標簽設計才是合理的?簡單來說就是META標簽中description正確描述網頁主體內容的摘要信息,是對網頁內容的概括并且含有該網頁的核心關鍵詞,META標簽中的keywords則進

一步說明該網頁的核心關鍵詞(這些關鍵詞同樣出現在網頁描述信息中),如果核心關鍵詞不止一個,則關鍵詞之間用逗號分開。

  網頁META標簽內容寫作規范要點。

  (1)關于META標簽中關鍵詞(keywords)的設計要點
  ·選擇與網頁內容最相關的核心關鍵詞即可,而且關鍵詞數量無需太多,更沒有必要堆砌大量的關鍵詞;
  ·keyword中的關鍵詞應該同樣出現在description內容中;
  ·不同的關鍵詞之間用逗號(英文標點符號)隔開。

  (2)關于META標簽中網頁描述(description)的設計要點
  ·網頁描述為自然語言而不是羅列關鍵詞(與keywords設計正好相反);
  ·盡可能準確地描述網頁的核心內容,通常為網頁內容的摘要信息,也就是希望搜索引擎在檢索結果中展示的摘要信息;
  ·網頁描述中含有有效關鍵詞;
  ·網頁描述內容與網頁標題內容有高度相關性;
  ·網頁描述內容與網頁主體內容有高度相關性;
  ·網頁描述的文字不必太多,一般不超過搜索引擎檢索結果摘要信息的最多字數(通常在100中文字之內,不同搜索引擎略有差異)。


  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頁面所使用的字符集為GB2132,就是國標漢字碼。如果將其中的“charset=GB2312”替換成“BIG5”,則該頁面所用的字符集就是繁體中文Big5碼。當你

瀏覽一些國外的站點時,IE瀏覽器會提示你要正確顯示該頁面需要下載xx語支持。這個功能就是通過讀取HTML頁面META標簽的Content-Type屬性而得知需要使用哪種字符集顯示該頁面的。如

果系統里沒有裝相應的字符集,則IE就提示下載。其他的語言也對應不同的charset,比如日文的字符集是“iso-2022-jp ”,韓文的是“ks_c_5601”。

  Content-Type的Content還可以是:text/xml等文檔類型;
  Charset選項:ISO-8859-1(英文)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr,

gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集;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 (網頁RSAC等級評定)
   說明:在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?'inet@microsoft.com'?
       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、MSThemeCompatible (XP主題)
   說明:是否在IE中關閉 xp 的主題
   用法:Meta http-equiv="MSThemeCompatible" Content="Yes"
   注意:關閉 xp 的藍色立體按鈕系統顯示樣式,從而和win2k 很象。?
  10、IE6 (頁面生成器)
   說明:頁面生成器generator,是ie6
   用法:Meta http-equiv="IE6" Content="Generator"
   注意:用什么東西做的,類似商品出廠廠商。?
  11、Content-Script-Type (腳本相關)
   說明:這是近來W3C的規范,指明頁面中腳本的類型。
   用法:Meta http-equiv="Content-Script-Type" Content="text/javascript"
   注意:


  ★NAME變量?
  name是描述網頁的,對應于Content(網頁內容),以便于搜索引擎機器人查找、分類(目前幾乎所有的搜索引擎都使用網上機器人自動查找meta值來給網頁分類)。
  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順著此頁的連接往下探找)?
  4、Author (作者)
   說明:標注網頁的作者或制作組
   用法:Meta name="Author" Content="張三,abc@sina.com"
   注意:Content可以是:你或你的制作組的名字,或Email?
  5、Copyright (版權)
   說明:標注版權
   用法:Meta name="Copyright" Content="本頁版權歸Zerospace所有。All Rights Reserved"
   注意:?
  6、Generator (編輯器)
   說明:編輯器的說明
   用法:Meta name="Generator" Content="PCDATA|FrontPage|"
   注意:Content="你所用編輯器"?
  7、revisit-after (重訪)
   說明:
   用法:META name="revisit-after" CONTENT="7 days"?
   注意:?
  ★Head中的其它一些用法

  1、scheme (方案)
   說明:scheme can be used when name is used to specify how the value of content should
      be interpreted.
   用法:meta scheme="ISBN" name="identifier" content="0-14-043205-1" /
   注意:?
  2、Link (鏈接)
   說明:鏈接到文件
   用法:Link href="soim.ico" rel="Shortcut Icon"
   注意:很多網站如果你把她保存在收件夾中后,會發現它連帶著一個小圖標,如果再次點擊進入之后還會發現地址欄中也有個小圖標。現在只要在你的頁頭加上這段話,就能輕松實現

這一功能。LINK 用來將目前文件與其它 URL 作連結,但不會有連結按鈕,用於 HEAD 標記間,格式如下:?
       link href="URL" rel="relationship"
       link href="URL" rev="relationship"?
  3、Base (基鏈接)
   說明:插入網頁基鏈接屬性
   用法:Base href="http://www.dow3.com/" target="_blank"
   注意:你網頁上的所有相對路徑在鏈接時都將在前面加上“http://www.zpyj.com/”。其中target="_blank"是鏈接文件在新的窗口中打開,你可以做其他設置。將“_blank”改

為“_parent”是鏈接文件將在當前窗口的父級窗口中打開;改為“_self”鏈接文件在當前窗口(幀)中打開;改為“_top”鏈接文件全屏顯示。

  以上是META標簽的一些基本用法,其中最重要的就是:Keywords和Description的設定。為什么呢?道理很簡單,這兩個語句可以讓搜索引擎能準確的發現你,吸引更多的人訪問你的站點

!根據現在流行搜索引擎(Google,Lycos,AltaVista等)的工作原理,搜索引擎先派機器人自動在WWW上搜索,當發現新的網站時,便于檢索頁面中的Keywords和Description,并將其加入到自

己的數據庫,然后再根據關鍵詞的密度將網站排序。?
  由此看來,我們必須記住添加Keywords和Description的META標簽,并盡可能寫好關鍵字和簡介。否則,
后果就會是:
  ● 如果你的頁面中根本沒有Keywords和Description的META標簽,那么機器人是無法將你的站點加入數
    據庫,網友也就不可能搜索到你的站點。

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


  寫好Keywords(關鍵字)要注意以下幾點:

  ● 不要用常見詞匯。例如www、homepage、net、web等。?
  ● 不要用形容詞,副詞。例如最好的,最大的等。?
  ● 不要用籠統的詞匯,要盡量精確。例如“愛立信手機”,改用“T28SC”會更好。

?

三、META常用舉例:

<META http-equiv=Content-Type content="text/html; charset=gb2312">
//設定頁面語言為簡體中文
<META content="關鍵字" name="keywords">
//設定關鍵字
<META content="內容描述" name="description">
//設定描述
<META http-equiv="Refresh" Content="30">
//設定該頁面30秒自動刷新
<META name="robots" content="index, follow" />
//設定允許搜索引擎可以檢索,頁面上鏈接可以查詢
<META name="googlebot" content="index, follow" />
//針對google的搜索機器人設定允許搜索引擎可以檢索,頁面上鏈接可以查詢
<META name="Author" Content="毅衡">
//頁面作者
<META name="Copyright" Content="All Rights Reserved icediary">
//頁面版權
<META name="revisit-after" CONTENT="1 days" >
//設定回訪為1天

轉載于:https://www.cnblogs.com/propheterLiu/p/5947192.html

《新程序員》:云原生和全面數字化實踐50位技術專家共同創作,文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的meta详解的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。