對于了解網(wǎng)頁meta標簽功能的都知道，這是是一個SEO話題,，但也屬于網(wǎng)頁制作的基礎(chǔ),。
如果SEO優(yōu)化滿分為3分的話,，那么meta標簽可以得1分的樣子,。(via) 最近, 總統(tǒng)博客要我給他客串寫一篇文章,，看了他的以及好多博客的一些文章,，發(fā)現(xiàn)都沒有人提及這個最基礎(chǔ)的話題,。我想借著最近Google更新meta標簽，我來詳細說一下這個meta標簽在搜索引擎中的優(yōu)化作用和用法,。
首先了解下meta標簽.
一,、meta標簽的組成
meta標簽位于<head> 和 </head>的中間,，功能強大,，可以用于設(shè)定網(wǎng)頁的語言；刷新網(wǎng)頁時間,；網(wǎng)頁有效期限,；網(wǎng)頁關(guān)鍵詞；網(wǎng)頁簡介,；Robots索引,；網(wǎng)頁作者,；版權(quán)信息….等等,。
meta標簽共有兩個屬性,，它們分別是http-equiv屬性和name屬性，不同的屬性又有不同的參數(shù)值,，這些不同的參數(shù)值就實現(xiàn)了不同的網(wǎng)頁功能,。
1、name屬性
name屬性主要用于描述網(wǎng)頁，與之對應(yīng)的屬性值為content,，content中的內(nèi)容主要是便于搜索引擎機器人查找信息和分類信息用的,。
meat標簽的name屬性語法格式是：
其中name屬性主要有以下幾種參數(shù)：
A、Keywords(關(guān)鍵字)
B,、description(網(wǎng)站內(nèi)容描述)
C,、robots(機器人向?qū)?
D、author(作者)
2,、http-equiv屬性
http-equiv顧名思義,，相當于http的文件頭作用，它可以向瀏覽器傳回一些有用的信息,，以幫助正確和精確地顯示網(wǎng)頁內(nèi)容,，與之對應(yīng)的屬性值為content，content中的內(nèi)容其實就是各個參數(shù)的變量值,。
meat標簽的http-equiv屬性語法格式是： ,；其中http-equiv屬性主要有以下幾種參數(shù)：
A,、Expires(期限)
B、Pragma(cache模式)
C,、Refresh(刷新)
D,、Set-cookie(cookie設(shè)定)
E、Window-target(顯示窗口的設(shè)定)
F,、content-Type(顯示字符集的設(shè)定)
二、meta標簽的功能
上面我們介紹了meta標簽的一些基本組成，接著我們再來一起看看meta標簽的常見功能：
１,、幫助主頁被各大搜索引擎登錄
２,、定義頁面的使用語言
３、自動刷新并指向新的頁面
４,、實現(xiàn)網(wǎng)頁轉(zhuǎn)換時的動畫效果
５,、網(wǎng)頁定級評價
６,、控制頁面緩沖
７,、控制網(wǎng)頁顯示的窗口。
網(wǎng)頁制作者是通過了meta標簽,，來告訴搜索引擎關(guān)于網(wǎng)頁的一系列信息,，通過有效的meta標簽設(shè)計,，我們可以大大增強搜索引擎收錄的信息,，過濾沒用信息等等,。對于我建立網(wǎng)站一來,，第一天，建立網(wǎng)頁,；并且立即提交搜索引擎,，差不多在當天Google等優(yōu)秀搜索引擎就能收錄首頁。隨后幾天,，我通過建立其它頁面,，并且給站點定位，設(shè)定相關(guān)關(guān)鍵詞,，簡介等等,，就添加到meta標簽中去了。緊接著建立并且倒入我的博客日志,，建立并且提交搜索引擎我站點的SiteMaps,。對于一個新站點來說，幾乎1周時間Google就已經(jīng)能夠包含你站點的所有信息和頁面了(當然視站點內(nèi)容多少而定,。) 以后,，隨著你的網(wǎng)站瀏覽量,，以及被別人連接的數(shù)量等等,，Google會提高對你站點的重視程度。
下面詳細說一下meta標簽的用法：
首先 第一部分介紹的是：一個Google新增的標簽和“http-equiv” 相關(guān)設(shè)定,，
用法就是：< meta http-equiv=”標簽類型/算法” Content=”變量/內(nèi)容設(shè)定″> ，他們針對的是計算機瀏覽器的效果,； 今天介紹的是：“Name” 相關(guān)設(shè)定,，用法就是：<meta Name=”標簽類型/算法” Content=”變量/內(nèi)容設(shè)定”>。這部分大多是Google最新增加的meta標簽,。
unavailable_after (via) 對于meta標簽,，不是經(jīng)常更新的，所以初級用戶在這里不必擔心,；同時 也沒有規(guī)定哪些標簽?zāi)阋欢ㄒ褂?，你可以根?jù)自己需要添加于自己站點相關(guān)的標簽,。比如這個“unavailable_after”標簽就是一個比較冷門的標簽。這是Google在前幾天在SEMNE (中文:搜索引擎的抓取系統(tǒng)) 上宣布的新標簽,。
如果SEO優(yōu)化滿分為3分的話,，那么meta標簽可以得1分的樣子,。(via) 最近, 總統(tǒng)博客要我給他客串寫一篇文章,，看了他的以及好多博客的一些文章,，發(fā)現(xiàn)都沒有人提及這個最基礎(chǔ)的話題,。我想借著最近Google更新meta標簽，我來詳細說一下這個meta標簽在搜索引擎中的優(yōu)化作用和用法,。
首先了解下meta標簽.
一,、meta標簽的組成
meta標簽位于<head> 和 </head>的中間,，功能強大,，可以用于設(shè)定網(wǎng)頁的語言；刷新網(wǎng)頁時間,；網(wǎng)頁有效期限,；網(wǎng)頁關(guān)鍵詞；網(wǎng)頁簡介,；Robots索引,；網(wǎng)頁作者,；版權(quán)信息….等等,。
meta標簽共有兩個屬性,，它們分別是http-equiv屬性和name屬性，不同的屬性又有不同的參數(shù)值,，這些不同的參數(shù)值就實現(xiàn)了不同的網(wǎng)頁功能,。
1、name屬性
name屬性主要用于描述網(wǎng)頁，與之對應(yīng)的屬性值為content,，content中的內(nèi)容主要是便于搜索引擎機器人查找信息和分類信息用的,。
meat標簽的name屬性語法格式是：
其中name屬性主要有以下幾種參數(shù)：
A、Keywords(關(guān)鍵字)
B,、description(網(wǎng)站內(nèi)容描述)
C,、robots(機器人向?qū)?
D、author(作者)
2,、http-equiv屬性
http-equiv顧名思義,，相當于http的文件頭作用，它可以向瀏覽器傳回一些有用的信息,，以幫助正確和精確地顯示網(wǎng)頁內(nèi)容,，與之對應(yīng)的屬性值為content，content中的內(nèi)容其實就是各個參數(shù)的變量值,。
meat標簽的http-equiv屬性語法格式是： ,；其中http-equiv屬性主要有以下幾種參數(shù)：
A,、Expires(期限)
B、Pragma(cache模式)
C,、Refresh(刷新)
D,、Set-cookie(cookie設(shè)定)
E、Window-target(顯示窗口的設(shè)定)
F,、content-Type(顯示字符集的設(shè)定)
二、meta標簽的功能
上面我們介紹了meta標簽的一些基本組成，接著我們再來一起看看meta標簽的常見功能：
１,、幫助主頁被各大搜索引擎登錄
２,、定義頁面的使用語言
３、自動刷新并指向新的頁面
４,、實現(xiàn)網(wǎng)頁轉(zhuǎn)換時的動畫效果
５,、網(wǎng)頁定級評價
６,、控制頁面緩沖
７,、控制網(wǎng)頁顯示的窗口。
網(wǎng)頁制作者是通過了meta標簽,，來告訴搜索引擎關(guān)于網(wǎng)頁的一系列信息,，通過有效的meta標簽設(shè)計,，我們可以大大增強搜索引擎收錄的信息,，過濾沒用信息等等,。對于我建立網(wǎng)站一來,，第一天，建立網(wǎng)頁,；并且立即提交搜索引擎,，差不多在當天Google等優(yōu)秀搜索引擎就能收錄首頁。隨后幾天,，我通過建立其它頁面,，并且給站點定位，設(shè)定相關(guān)關(guān)鍵詞,，簡介等等,，就添加到meta標簽中去了。緊接著建立并且倒入我的博客日志,，建立并且提交搜索引擎我站點的SiteMaps,。對于一個新站點來說，幾乎1周時間Google就已經(jīng)能夠包含你站點的所有信息和頁面了(當然視站點內(nèi)容多少而定,。) 以后,，隨著你的網(wǎng)站瀏覽量,，以及被別人連接的數(shù)量等等,，Google會提高對你站點的重視程度。
下面詳細說一下meta標簽的用法：
首先 第一部分介紹的是：一個Google新增的標簽和“http-equiv” 相關(guān)設(shè)定,，
用法就是：< meta http-equiv=”標簽類型/算法” Content=”變量/內(nèi)容設(shè)定″> ，他們針對的是計算機瀏覽器的效果,； 今天介紹的是：“Name” 相關(guān)設(shè)定,，用法就是：<meta Name=”標簽類型/算法” Content=”變量/內(nèi)容設(shè)定”>。這部分大多是Google最新增加的meta標簽,。
unavailable_after (via) 對于meta標簽,，不是經(jīng)常更新的，所以初級用戶在這里不必擔心,；同時 也沒有規(guī)定哪些標簽?zāi)阋欢ㄒ褂?，你可以根?jù)自己需要添加于自己站點相關(guān)的標簽,。比如這個“unavailable_after”標簽就是一個比較冷門的標簽。這是Google在前幾天在SEMNE (中文:搜索引擎的抓取系統(tǒng)) 上宣布的新標簽,。
-
- 標簽名稱: unavailable_after
- 功能: 通過標簽設(shè)定,，用于告訴搜索引擎在某個時間/日起之后無需抓取該頁面
- 事例: 最近大學學校招生的網(wǎng)頁，可以通過該標簽設(shè)定招生結(jié)束日期,，在該日期之后,，該網(wǎng)頁已經(jīng)沒有必要再索引了。
- 用法: <meta name=”revisit-after” Content=”30 days” >
- 用法注釋: 自網(wǎng)頁建立30天后,，該網(wǎng)頁無需抓取
- 標簽名稱: Content-Type
- 功能: 設(shè)定網(wǎng)頁使用的字符類型,，瀏覽器通過該設(shè)定自動顯示相應(yīng)字符類型
- 用法: <meta http-equiv=”Content-Type” Content=”text/html; Charset=gb2312″>
- 用法注釋: 設(shè)定網(wǎng)頁類型-text/html，并且使用GB2312的文字類型 (GB2312指: 國標漢字碼)
- Content-Type類別：text/html; text/xml; text/javascript; text/css; ….
- Charset類別：GB2312; ISO-8859-1; ISO-2022-JP; 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; ….
- 標簽名稱: Content-Language
- 功能: 設(shè)定網(wǎng)頁使用的語言,，瀏覽器通過該設(shè)定自動顯示相應(yīng)字符類型
- 用法: <meta http-equiv=”Content-Language” Content=”zh-CN”>
- 用法注釋: 設(shè)定網(wǎng)頁使用簡體中文
- Content-Language類別： en-GB; zh-CN; zh-TW; FR; DE; IT; KA; MN; LA; SU;….
- 標簽名稱: Refresh
- 功能: 設(shè)定網(wǎng)頁自動刷新時間,，這個讓我想起Google中文官方幫助中曾經(jīng)有一個網(wǎng)頁只要你打開它就不斷刷新的” 故障” ，其實就是這個出了問題,，如果沒有特殊必要請不要這么做,。這會讓訪客覺得反感，特別是網(wǎng)速慢的朋友,。
- 用法: <meta http-equiv=”Refresh” Content=”60″>
- 用法注釋: 設(shè)定網(wǎng)頁在1分鐘后自動刷新
- 高級用法: <meta http-equiv=”Refresh” Content=”60; Url= http://blog.JooIT.com”>
- 高級用法注釋: 設(shè)定網(wǎng)頁在1分鐘后頁面自動跳轉(zhuǎn)到JooIT的博客 :)
- 標簽名稱: Expires
- 功能: 設(shè)定該網(wǎng)頁在操作系統(tǒng)的網(wǎng)頁緩存中的過期時間,。通常瀏覽網(wǎng)頁瀏覽器會讀取緩存中的相同文件以加快網(wǎng)頁加載速度；同時也可減輕服務(wù)器負載,。如果你的博客/站點頁面會經(jīng)常更新,，可以通過這個選項設(shè)定，一旦網(wǎng)頁過期,，訪客就必須到服務(wù)器上重新調(diào)閱,。說道這個，讓我想起WordPress有個插件 叫做：wp-cache,，原理與之相反,。就是讓用戶直接讀取緩存的內(nèi)容，不要加載服務(wù)器信息以減輕熱門博客的服務(wù)器負載,。
- 用法: <meta http-equiv=”Expires” Content=”0″>
- 用法注釋: 設(shè)定網(wǎng)頁不要緩存,，直接讀取服務(wù)器信息,。通過設(shè)定數(shù)字來表示多少時間后過期
- 高級用法: <meta http-equiv=”Expires” Content=”Wed, 14 Nov 2007 09:51:57 GMT”>
- 高級用法注釋: 設(shè)定網(wǎng)頁在某個特定時間后過期,，這里指：該網(wǎng)頁在2007年11月14日的上午9點51分57秒過期。
- 使用建議: 這則命令不建議使用,，用的不好 效果會適得其反,。
- 標簽名稱: Pragma
- 功能: 這個功能同上面的Expires有點關(guān)聯(lián)，它用于禁止瀏覽器從本地機的緩存中調(diào)閱頁面內(nèi)容,。
- 用法: <meta http-equiv=”Pragma” Content=”No-cach”>
- 用法注釋: 固定用法,，設(shè)定瀏覽器只能從服務(wù)器讀取網(wǎng)頁
- 使用建議: 這則命令不建議使用,。這則命令看上去與Expires有點類似，甚至可以不要,。不過命令特殊之處在于：網(wǎng)頁不會保存在計算機操作系統(tǒng)的緩存中,，每次訪問都必須刷新頁面， 當瀏覽器關(guān)閉后,，訪客將無法脫機瀏覽,。 這也是有些網(wǎng)頁為什么我們在瀏覽歷史中無法使用的原因，雖然不建議這么做,，但這個方法卻可以為網(wǎng)站增加瀏覽量,，可以說有好有壞。
- 標簽名稱: Set-cookie
- 功能: 如上面說的,，操作系統(tǒng)瀏覽器訪問所有站點頁面時,，默認會將網(wǎng)頁的所有文件儲存在系統(tǒng)緩存中 (如:Temporary Internet Files) ，當用戶下次再次訪問時,，遇到相同頁面部分內(nèi)容就會從緩存中讀取,，以提高網(wǎng)頁加載速度。通過該命令的配置,，可以設(shè)定網(wǎng)頁過期時間,，當過期時間一到，那么系統(tǒng)的cookie將被刪除,。
- 用法: <meta HTTP-EQUIV=”Set-cookie” ConTENT=”cookievalue=xxx;expires=Wednesday, 21-Oct-2007 16:14:21 GMT; path=/”>
- 用法注釋: 固定用法,，需要使用時 修改時間即可，必須使用GMT的時間格式,。
- 使用建議: 這則命令不推薦使用,。特別是，網(wǎng)頁中加入計數(shù)器圖標,；廣告圖片,；如：51la，Adsense推介等 –不要使用,。ASP站點,，由于本來就是動態(tài)網(wǎng)頁,，更沒必要這么做,，應(yīng)該禁用緩存命令。而通常HTML文件也沒有必要禁用緩存,。
- 標簽名稱: Window-target
- 功能: 設(shè)定強制頁面在當前窗口以獨立頁面顯示,。目的用于來防止別人在框架里調(diào)用你的頁面。
- 用法: <meta http-equiv=”Widow-target” Content=”_top”>
或者：<meta http-equiv=”Window-target: _top”> - Window-target類別： _blank,、_top,、_self,、_parent。
- 標簽名稱: Keywords
- 功能: 用于設(shè)定網(wǎng)頁的關(guān)鍵詞,，當搜索者搜索相關(guān)詞的時候顯示你站點的信息。在這邊,，我們可以設(shè)定多個關(guān)鍵詞,，合適的關(guān)鍵詞可以大大增加網(wǎng)站訪問量。
- 用法: <meta name=”Kyewords” Content=”技術(shù),搜索,搜索引擎,博客,網(wǎng)志,部落閣,互聯(lián)網(wǎng),”>
- 用法注釋: 比如你是一個以電腦或IT相關(guān)為主的博客,，可以根據(jù)自己需要設(shè)定,，以逗號來分隔。(注意：千萬要轉(zhuǎn)換成英文輸入法的”,” 而不是中文的“,，”,，對于搜索引擎來說不認識中文的逗號)
- 高級用法: <meta name=”Kyewords” Lang=”EN” Content=”Jason,Jason’s Blog, Blog, JooIT, IT,Search”>
<meta name=”Kyewords” Lang=”zh-CN” Content=”搜索,搜索引擎,域名,博客,網(wǎng)志,部落閣,互聯(lián)網(wǎng),”> - 高級用法注釋: 我們還可以通過語言設(shè)定關(guān)鍵詞。
- Lang的類別：除了常用的簡體中文的Zh-CN,；繁體的Zh-TW,；英文的EN，我們還可以使用DE; IT; KA; MN; LA; SU;…. 等其他國家/地區(qū)的語言設(shè)定,。
- 工具介紹: 關(guān)于關(guān)鍵詞,，特別是博客來言，最好為每篇文章設(shè)定不同關(guān)鍵詞,，因為你每天寫的話題可能大不相同,，這里我們WordPress的用戶可以通過使用SEO Pack的插件來輕松為自己每篇文章設(shè)定關(guān)鍵詞了，如果你已經(jīng)使用了,，那么你看了這篇文章,，再去看看自己網(wǎng)頁源代碼，你會恍然大悟,！
- 使用建議: 務(wù)必使用,。
- 標簽名稱: Description
- 功能: 用于設(shè)定網(wǎng)頁的描述信息。當Google等搜索引擎顯示你站點的時候,，在標題下方顯示的就是站點描述信息,，你可嘗試搜索本站JooIT看看Google顯示的效果。
- 用法: <meta name=”Description” Content=”JasonIT的個人主頁”>
- 用法注釋: 在功能上說的很清楚了,，如果是用這句話,，Google會在搜索結(jié)果中顯示該網(wǎng)頁是：JasonIT的個人主頁。
- 使用建議: 務(wù)必使用,。
- 標簽名稱: Robots
- 功能: 用于告訴搜索機器人哪些頁面需要索引 ,，哪些頁面不需要索引。搜索機器人,，適用于Google,，百度等其他眾多搜索引擎,。
- 用法: <meta name=”Robots” Content=”All”>
- 用法注釋: 讓搜索機器人索引整個站點
- Content的類別：all、none,、index,、noindex、follow,、nofollow
- all：文件將被檢索,，且頁面上的鏈接可以被查詢；
- none：文件將不被檢索,，且頁面上的鏈接不可以被查詢,；(和 “noindex, no follow” 起相同作用)
- index：文件將被檢索；（讓robot/spider登錄）
- follow：頁面上的鏈接可以被查詢,；
- noindex：文件將不被檢索,，但頁面上的鏈接可以被查詢；(不讓robot/spider登錄)
- nofollow：文件將不被檢索,，頁面上的鏈接可以被查詢,。(不讓robot/spider順著此頁的連接往下探找)
- 高級用法: 除了meta標簽我們還可以為自己站點建立robots.txt文件為不同目錄設(shè)定不同參數(shù)，對于robots.txt得設(shè)定,，請務(wù)必閱讀過相應(yīng)文檔,，并且參照標準格式進行編輯。這邊我可以介紹Google.com的robots.txt文件給大家參照,；(好多次Google在新服務(wù)未正式公布前,，通過該文件我們透露了不少服務(wù)，并且搶先試用了一番,。)另外,，我還要介紹百度的robots.txt適用方法介紹 在這里可以學到不少相關(guān)知識。
- 使用建議: 建議使用robots.txt,。
- 標簽名稱: Author
- 功能: 通過設(shè)定告訴大家網(wǎng)站/網(wǎng)頁的作者是誰,，大站點可以是一個工作小組。
- 用法: <meta name=”Author” Content=”JasonIT, [email protected]” >
- 用法注釋: 網(wǎng)站作者是JasonIT,，郵箱是….(假的) :)
- 使用建議: 可選,，這邊的設(shè)定不會被搜索引擎收錄，也就不會影響你的搜索結(jié)果,，如果你覺得網(wǎng)頁中有自己名字很酷的話….加上它
- 標簽名稱: Copyright
- 功能: 不同的站點版權(quán)信息都不一樣,，通過設(shè)定告訴別人版權(quán)信息。
- 用法: <meta name=”Copyright” Content=”本頁版權(quán)歸Jason所有,。All Rights Reserved”>
- 用法注釋: 網(wǎng)站網(wǎng)站版權(quán)歸Jason所有
- Content 類別: Content后面可以是年份,，中文,，或者英文,；也可以是All Rights Reserved或者Some Rights Reserved,，選擇性很多
- 使用建議: 可選
- 標簽名稱: Generator
- 功能: 通過設(shè)定告訴大家網(wǎng)站/網(wǎng)頁通過哪個編輯器制作出來的
- 用法: <meta name=”Generator” Content=”FrontPage”>
- 用法注釋: 網(wǎng)站適用微軟早先Office產(chǎn)品：FrontPage制作
- Content 類別: Content后面加上編輯器名稱 如：Dreamweaver,，WordPress都可以,，我看到有些朋友還把自己WordPress的版本號加在里面
- 使用建議: 可選
通過介紹常用的也差不多都介紹了，還是我說的舉一反三最重要,，通過這些介紹可以我們將來自己設(shè)定更多的meta標簽信息,，那么 你如何得知還有哪些meta標簽?zāi)兀课襾斫榻B一個meta標簽網(wǎng)站給大家,，是英文的，但是介紹的很簡單,，還有范例：Vancouver Webpages ,，這是一個標準的meta文檔，詳細記錄了所有的meta標簽名稱和類別等,。
除了自己學會使用之外，我們還可以通過某些作弊方法來提高自己的meta標簽效果,，比如：“借鑒”：查找同類站點,，在Google，百度,，Alexa排名靠前的站點meta標簽….選擇最新的網(wǎng)絡(luò)詞匯,，最新的名詞,，等等,，都可以增強效果。
