SEO优化网站建设入门基础标签<meta>用法

SEO优化离不开源代码的优化，SEO经常为了某个页面的权重集中，进行相应的设置，在头部head中，<meta>标签是非常重要的设置，分两大部分：页面描述信息(name)和HTTP标题信息(http-equiv)文章源自张俊SEM-https://zhangjunsem.com/27834.html

<meta http-equiv="参数" content="参数变量值">
<meta name="参数" content="参数值">
说明：content定义与http-equiv或name属性的元信息

<meta>标签常见的页面描述信息name参数类型：

1.keywords设定页面关键字

<meta http-equiv="keywords" content="关键字1,关键字2,关键字3">

2.descrpition设定页面描述

<meta http-equiv="description" content="秀站网秀站网的博客">

3.authot定义页面作者

<meta name="author" content="yourName">

4.Robots蜘蛛向导

<meta name="robots" content="all">

content有如下属性：文章源自张俊SEM-https://zhangjunsem.com/27834.html

all：文件将被检索，且页面上的链接可以被查询；
none：文件将不被索引，且页面上的链接不可以被查询（和noindex，nofollow作用相同）
index：文件将被检索（让robots/spider登录）；
follow：页面上的链接可以被查询；
noindex：文件将不被检索，但页面上的链接可以被查询（不让robots/spider登录）；
nofollow：文件将不被检索，页面上的链接可以被查询（不让robots/spider顺着此页的链接往下探找）；

5.Copyright版权

<meta name="Copyright" content="©秀站网秀站网">

<meta>标签常见HTTP标题信息重要的参数类型

1.content-Type、content-language(显示字符集设定)

功能：设置网页字符集，charset最常用的是：gb2312、utf-8；其他：BIG5为繁体码，iso-2022-jp是日文，ks_c_5601是韩文，文章源自张俊SEM-https://zhangjunsem.com/27834.html

<meta http-equiv="content-Type" content="text/html; charset=gb2312"> 
<meta http-equiv="content-language" content="EN">

2.X-UA-Compatible兼容性标签

功能：IE8专用标记，用来指定IE8浏览器去模拟某个版本的浏览器的渲染方式，比如ie7文章源自张俊SEM-https://zhangjunsem.com/27834.html

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

在content加上chrome属性的，如：文章源自张俊SEM-https://zhangjunsem.com/27834.html

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

意思是：如果安装了Google Chrome Frame(谷歌内嵌浏览器框架GCF)，则用GCF来渲染，否则使用最高版本的IE内核渲染。文章源自张俊SEM-https://zhangjunsem.com/27834.html

3.expires(期限)

功能：设定网页的到期时间（GMT格式），一旦网页过期，必须到服务器重新传输；文章源自张俊SEM-https://zhangjunsem.com/27834.html

<meta http-equiv="expires" content="Wed,10 Jun 2016 22:22:00 GMT">

4.Pragma(cache模式)

功能：禁止用户脱机浏览文章源自张俊SEM-https://zhangjunsem.com/27834.html

<meta http-equiv="Pragma" content="no-cache">

5.Refresh(刷新)

功能：设定刷新页面时间，并指向新页面，比如：2秒后跳转到zhangjunsem.com文章源自张俊SEM-https://zhangjunsem.com/27834.html

<meta http-equiv="Refresh" content="2;URL=http://zhangjunsem.com/">

再如每20秒刷新一次页面文章源自张俊SEM-https://zhangjunsem.com/27834.html

<meta http-equiv="Refresh" content="20">

可用于网址已变更将用户重定向到另外一个地址，功能相当于301。301的HTTP返回码是301，采用这样的设置HTTP返回码是200。对搜索引擎来说301是合法的，而跳转并不会继承页面权重。页面refresh适合一般性的跳转，比如会员登录后的跳转。

6.Set-Cookie(cookie设定)

功能：网页过期，网页cookie也将被删除，必须使用GMT时间格式

<meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 10-Jun-2016 22:33:00 GMT; path=/">

浏览器访问某个页面是会将他存在还从中，下次访问就可直接读取，以提高速度。当希望访问者每次都刷新投放广告或者浏览量，就需要禁用缓存，通常静态页面没必要禁用，asp、php等动态页面就可以禁用缓存。

7.Window-target(显示窗口设定)

功能：强制页面在当前窗口以独立页面显示，防止别人在iflame框架里调用自己的页面，content属性有_blank、_top、_self、_parent。

<meta http-equiv="Window-target" content="_top">

8.Pics-label(网页RSAC等级评定)

功能：在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的。

<meta http-equiv="Pics-label" contect="">

9.清除缓存

功能：再访问网站需要重新下载。

<meta http-equiv="cache-control" content="no-cache">

10.Page_Enter/Page_Exit

功能：设定进入/离开页面时的特殊效果

<meta http-equiv="Page-Enter" contect="revealTrans(duration=1.0,transtion=12)">
<meta http-equiv="Page-Exit" contect="revealTrans(duration=1.0,transtion=12)">

Duration的值为网页动态过渡的时间(单位为秒)。

Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表：

0 盒状收缩
1 盒状放射
2 圆形收缩
3 圆形放射
4 由下往上
5 由上往下
6 从左至右
7 从右至左
8 垂直百叶窗
9 水平百叶窗
10 水平格状百叶窗
11 垂直格状百叶窗
12 随意溶解
13 从左右两端向中间展开
14 从中间向左右两端展开
15 从上下两端向中间展开
16 从中间向上下两端展开
17 从右上角向左下角展开
18 从右下角向左上角展开
19 从左上角向右下角展开
20 从左下角向右上角展开
21 水平线状展开
22 垂直线状展开
23 随机产生一种过渡方式