mata是放在在head区的一个辅助性标签 提供了有关页面的信息，对于进入搜索引擎的索引有帮助，比如针对搜索引擎和更新频度的内容提要和关键词，还可以设置页面格式。

用好它对于SEO优化很关键的，可以给你的网站带来意想不到的效果。

一、标签的组成：

name常用的选项（固定好的）有keywords(关键字) ，description(网站内容描述)，author(作者)，robots(机器人向导)等等。

http-equiv，name，description，content

1、Keywords(关键字)

说明：keywords是用来告诉搜索引擎你的网站的关键字是什么，提高搜索引擎的搜索质量,提高网站的排名。关键字用英文逗号隔开，包括标点符号不要超过250个单词。将最重要

的关键词放在最前面，让相关的关键词相邻。

例子：＜meta name ="keywords" content="服务器,VPS主机,厦门云主机租用,服务器租用托管，厦门服务器租用托管"＞

2、description(网站内容描述)

说明：description用来告诉搜索引擎你的网站主要内容，缩小关键字的判断范围。比如你用百度或GOOGLE等搜索引擎搜索某个关键字的结果下都有一下段描述，这个就是

description的内容（注：百度也有可能抓取的是网站内容的关键字作为描述）如果description没有内容，也会一定地影响网站的收录。

例子：＜meta name ="description" content="厦门凌众科技是十年老牌IDC提供商(lingzhong.net.cn)"＞

3、author(作者)

说明：标注网页的作者或制作人，制作公司等，可以是名字，域名或是E-mail等等。

例子：

4、robots(机器人向导)

说明：Robots用来告诉搜索引擎哪些页面需要索引，哪些页面不需要索引。参数有all、none、index、noindex等等。

all：文件将被检索，且页面上的链接可以被查询； 

none：文件将不被检索，且页面上的链接不可以被查询；(和 "noindex, no follow" 起相同作用) 

index：文件将被检索；（让robot/spider登录） 

follow：页面上的链接可以被查询； 

noindex：文件将不被检索，但页面上的链接可以被查询；(不让robot/spider登录) 

nofollow：文件将不被检索，页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找) 

例子：

还有一些我们比较不常用到的：

5、Copyright (版权) 

6、Generator (编辑器) 

7、revisit-after (重访) 

例如：

<meta http-equiv="content-type" content="text/html" charset="UTF-8">

  <meta name="robots"  content="index,follow" />:

all：搜索引擎将索引此网页与继续通过此网页的链接索引，等价于index，follow。index：搜索引擎索引此网页。follow：搜索引擎继续通过此网页的链接索引搜索其它的网页。

    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />

:Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容，这实际上破坏了“锁定”模式。或者<meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1"> 意思是：谷歌做了个外挂：Google Chrome Frame（谷歌内嵌浏览器框架GCF）。这个插件可以让用户的IE浏览器外不变，但用户在浏览网页时，实际上使用的是Google Chrome浏览器内核，而且支持IE6、7、8等多个版本的IE浏览器，谷歌这个墙角挖的真给力！
而上文提到的那个meta标记，则是在是安装了GCF后，用来指定页面使用chrome内核来渲染。
GCF下载地址: http://code.google.com/intl/zh-CN/chrome/chromeframe/
安装完成后,如果你想对某个页面使用GCF进行渲染，只需要在该页面的地址前加上 gcf： 即可，例如： gcf:http://cooleep.com

设置网站关键字：<meta name="keywords" content="" />

网站描述:<meta name="Description" content="" />

引入页面ico图标：<link rel="shortcut icon" type="image/x-icon" href="http://www.mamicode.com/img/favicon.ico"/>

二、移动页面：

Meta标签的用法和作用