如果SEO优化满分为3分的话，那么meta标签可以得1分的样子。(via) 最近, 总统博客要我给他客串写一篇文章，看了他的以及好多博客的一些文章，发现都没有人提及这个最基础的话题。我想借着最近Google更新meta标签，我来详细说一下这个meta标签在搜索引擎中的优化作用和用法。
首先了解下meta标签.
一、meta标签的组成
meta标签位于<head> 和 </head>的中间，功能强大，可以用于设定网页的语言；刷新网页时间；网页有效期限；网页关键词；网页简介；Robots索引；网页作者；版权信息….等等。
meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
1、name属性
name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
meat标签的name属性语法格式是：
其中name属性主要有以下几种参数：
A、Keywords(关键字)
B、description(网站内容描述)
C、robots(机器人向导)
D、author(作者)
2、http-equiv属性
http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。
meat标签的http-equiv属性语法格式是： ；其中http-equiv属性主要有以下几种参数：
A、Expires(期限)
B、Pragma(cache模式)
C、Refresh(刷新)
D、Set-cookie(cookie设定)
E、Window-target(显示窗口的设定)
F、content-Type(显示字符集的设定)
二、meta标签的功能
上面我们介绍了meta标签的一些基本组成，接着我们再来一起看看meta标签的常见功能：
１、帮助主页被各大搜索引擎登录
２、定义页面的使用语言
３、自动刷新并指向新的页面
４、实现网页转换时的动画效果
５、网页定级评价
６、控制页面缓冲
７、控制网页显示的窗口。
网页制作者是通过了meta标签，来告诉搜索引擎关于网页的一系列信息，通过有效的meta标签设计，我们可以大大增强搜索引擎收录的信息，过滤没用信息等等。对于我建立网站一来，第一天，建立网页；并且立即提交搜索引擎，差不多在当天Google等优秀搜索引擎就能收录首页。随后几天，我通过建立其它页面，并且给站点定位，设定相关关键词，简介等等，就添加到meta标签中去了。紧接着建立并且倒入我的博客日志，建立并且提交搜索引擎我站点的SiteMaps。对于一个新站点来说，几乎1周时间Google就已经能够包含你站点的所有信息和页面了(当然视站点内容多少而定。) 以后，随着你的网站浏览量，以及被别人连接的数量等等，Google会提高对你站点的重视程度。
下面详细说一下meta标签的用法：
首先 第一部分介绍的是：一个Google新增的标签和“http-equiv” 相关设定，
用法就是：< meta http-equiv=”标签类型/算法” Content=”变量/内容设定″> ，他们针对的是计算机浏览器的效果； 今天介绍的是：“Name” 相关设定，用法就是：<meta Name=”标签类型/算法” Content=”变量/内容设定”>。这部分大多是Google最新增加的meta标签。
unavailable_after (via) 对于meta标签，不是经常更新的，所以初级用户在这里不必担心；同时 也没有规定哪些标签你一定要使用，你可以根据自己需要添加于自己站点相关的标签。比如这个“unavailable_after”标签就是一个比较冷门的标签。这是Google在前几天在SEMNE (中文:搜索引擎的抓取系统) 上宣布的新标签。
-
- 标签名称: unavailable_after
- 功能: 通过标签设定，用于告诉搜索引擎在某个时间/日起之后无需抓取该页面
- 事例: 最近大学学校招生的网页，可以通过该标签设定招生结束日期，在该日期之后，该网页已经没有必要再索引了。
- 用法: <meta name=”revisit-after” Content=”30 days” >
- 用法注释: 自网页建立30天后，该网页无需抓取
- 标签名称: Content-Type
- 功能: 设定网页使用的字符类型，浏览器通过该设定自动显示相应字符类型
- 用法: <meta http-equiv=”Content-Type” Content=”text/html; Charset=gb2312″>
- 用法注释: 设定网页类型-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
- 功能: 设定网页使用的语言，浏览器通过该设定自动显示相应字符类型
- 用法: <meta http-equiv=”Content-Language” Content=”zh-CN”>
- 用法注释: 设定网页使用简体中文
- Content-Language类别： en-GB; zh-CN; zh-TW; FR; DE; IT; KA; MN; LA; SU;….
- 标签名称: Refresh
- 功能: 设定网页自动刷新时间，这个让我想起Google中文官方帮助中曾经有一个网页只要你打开它就不断刷新的” 故障” ，其实就是这个出了问题，如果没有特殊必要请不要这么做。这会让访客觉得反感，特别是网速慢的朋友。
- 用法: <meta http-equiv=”Refresh” Content=”60″>
- 用法注释: 设定网页在1分钟后自动刷新
- 高级用法: <meta http-equiv=”Refresh” Content=”60; Url= http://blog.JooIT.com”>
- 高级用法注释: 设定网页在1分钟后页面自动跳转到JooIT的博客 :)
- 标签名称: Expires
- 功能: 设定该网页在操作系统的网页缓存中的过期时间。通常浏览网页浏览器会读取缓存中的相同文件以加快网页加载速度；同时也可减轻服务器负载。如果你的博客/站点页面会经常更新，可以通过这个选项设定，一旦网页过期，访客就必须到服务器上重新调阅。说道这个，让我想起WordPress有个插件 叫做：wp-cache，原理与之相反。就是让用户直接读取缓存的内容，不要加载服务器信息以减轻热门博客的服务器负载。
- 用法: <meta http-equiv=”Expires” Content=”0″>
- 用法注释: 设定网页不要缓存，直接读取服务器信息。通过设定数字来表示多少时间后过期
- 高级用法: <meta http-equiv=”Expires” Content=”Wed, 14 Nov 2007 09:51:57 GMT”>
- 高级用法注释: 设定网页在某个特定时间后过期，这里指：该网页在2007年11月14日的上午9点51分57秒过期。
- 使用建议: 这则命令不建议使用，用的不好 效果会适得其反。
- 标签名称: Pragma
- 功能: 这个功能同上面的Expires有点关联，它用于禁止浏览器从本地机的缓存中调阅页面内容。
- 用法: <meta http-equiv=”Pragma” Content=”No-cach”>
- 用法注释: 固定用法，设定浏览器只能从服务器读取网页
- 使用建议: 这则命令不建议使用。这则命令看上去与Expires有点类似，甚至可以不要。不过命令特殊之处在于：网页不会保存在计算机操作系统的缓存中，每次访问都必须刷新页面， 当浏览器关闭后，访客将无法脱机浏览。 这也是有些网页为什么我们在浏览历史中无法使用的原因，虽然不建议这么做，但这个方法却可以为网站增加浏览量，可以说有好有坏。
- 标签名称: Set-cookie
- 功能: 如上面说的，操作系统浏览器访问所有站点页面时，默认会将网页的所有文件储存在系统缓存中 (如:Temporary Internet Files) ，当用户下次再次访问时，遇到相同页面部分内容就会从缓存中读取，以提高网页加载速度。通过该命令的配置，可以设定网页过期时间，当过期时间一到，那么系统的cookie将被删除。
- 用法: <meta HTTP-EQUIV=”Set-cookie” ConTENT=”cookievalue=xxx;expires=Wednesday, 21-Oct-2007 16:14:21 GMT; path=/”>
- 用法注释: 固定用法，需要使用时 修改时间即可，必须使用GMT的时间格式。
- 使用建议: 这则命令不推荐使用。特别是，网页中加入计数器图标；广告图片；如：51la，Adsense推介等 –不要使用。ASP站点，由于本来就是动态网页，更没必要这么做，应该禁用缓存命令。而通常HTML文件也没有必要禁用缓存。
- 标签名称: Window-target
- 功能: 设定强制页面在当前窗口以独立页面显示。目的用于来防止别人在框架里调用你的页面。
- 用法: <meta http-equiv=”Widow-target” Content=”_top”>
或者：<meta http-equiv=”Window-target: _top”> - Window-target类别： _blank、_top、_self、_parent。
- 标签名称: Keywords
- 功能: 用于设定网页的关键词，当搜索者搜索相关词的时候显示你站点的信息。在这边，我们可以设定多个关键词，合适的关键词可以大大增加网站访问量。
- 用法: <meta name=”Kyewords” Content=”技术,搜索,搜索引擎,博客,网志,部落阁,互联网,”>
- 用法注释: 比如你是一个以电脑或IT相关为主的博客，可以根据自己需要设定，以逗号来分隔。(注意：千万要转换成英文输入法的”,” 而不是中文的“，”，对于搜索引擎来说不认识中文的逗号)
- 高级用法: <meta name=”Kyewords” Lang=”EN” Content=”Jason,Jason’s Blog, Blog, JooIT, IT,Search”>
<meta name=”Kyewords” Lang=”zh-CN” Content=”搜索,搜索引擎,域名,博客,网志,部落阁,互联网,”> - 高级用法注释: 我们还可以通过语言设定关键词。
- Lang的类别：除了常用的简体中文的Zh-CN；繁体的Zh-TW；英文的EN，我们还可以使用DE; IT; KA; MN; LA; SU;…. 等其他国家/地区的语言设定。
- 工具介绍: 关于关键词，特别是博客来言，最好为每篇文章设定不同关键词，因为你每天写的话题可能大不相同，这里我们WordPress的用户可以通过使用SEO Pack的插件来轻松为自己每篇文章设定关键词了，如果你已经使用了，那么你看了这篇文章，再去看看自己网页源代码，你会恍然大悟！
- 使用建议: 务必使用。
- 标签名称: Description
- 功能: 用于设定网页的描述信息。当Google等搜索引擎显示你站点的时候，在标题下方显示的就是站点描述信息，你可尝试搜索本站JooIT看看Google显示的效果。
- 用法: <meta name=”Description” Content=”JasonIT的个人主页”>
- 用法注释: 在功能上说的很清楚了，如果是用这句话，Google会在搜索结果中显示该网页是：JasonIT的个人主页。
- 使用建议: 务必使用。
- 标签名称: 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文件为不同目录设定不同参数，对于robots.txt得设定，请务必阅读过相应文档，并且参照标准格式进行编辑。这边我可以介绍Google.com的robots.txt文件给大家参照；(好多次Google在新服务未正式公布前，通过该文件我们透露了不少服务，并且抢先试用了一番。)另外，我还要介绍百度的robots.txt适用方法介绍 在这里可以学到不少相关知识。
- 使用建议: 建议使用robots.txt。
- 标签名称: Author
- 功能: 通过设定告诉大家网站/网页的作者是谁，大站点可以是一个工作小组。
- 用法: <meta name=”Author” Content=”JasonIT, Email@domain.com” >
- 用法注释: 网站作者是JasonIT，邮箱是….(假的) :)
- 使用建议: 可选，这边的设定不会被搜索引擎收录，也就不会影响你的搜索结果，如果你觉得网页中有自己名字很酷的话….加上它
- 标签名称: Copyright
- 功能: 不同的站点版权信息都不一样，通过设定告诉别人版权信息。
- 用法: <meta name=”Copyright” Content=”本页版权归Jason所有。All Rights Reserved”>
- 用法注释: 网站网站版权归Jason所有
- Content 类别: Content后面可以是年份，中文，或者英文；也可以是All Rights Reserved或者Some Rights Reserved，选择性很多
- 使用建议: 可选
- 标签名称: Generator
- 功能: 通过设定告诉大家网站/网页通过哪个编辑器制作出来的
- 用法: <meta name=”Generator” Content=”FrontPage”>
- 用法注释: 网站适用微软早先Office产品：FrontPage制作
- Content 类别: Content后面加上编辑器名称 如：Dreamweaver，WordPress都可以，我看到有些朋友还把自己WordPress的版本号加在里面
- 使用建议: 可选
通过介绍常用的也差不多都介绍了，还是我说的举一反三最重要，通过这些介绍可以我们将来自己设定更多的meta标签信息，那么 你如何得知还有哪些meta标签呢？我来介绍一个meta标签网站给大家，是英文的，但是介绍的很简单，还有范例：Vancouver Webpages ，这是一个标准的meta文档，详细记录了所有的meta标签名称和类别等。
除了自己学会使用之外，我们还可以通过某些作弊方法来提高自己的meta标签效果，比如：“借鉴”：查找同类站点，在Google，百度，Alexa排名靠前的站点meta标签….选择最新的网络词汇，最新的名词，等等，都可以增强效果。
