META标签

百科名片

在网页的HTML源代码 中一个重要的代码“<META>”(即通常所说的META标签)。META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。

目录

作用
组成
  1. 1 关于META标签中的HTTP-EQUIV
  2. 3 关于META标签中的(Keywords)
网页设计中META标签写法的常见错误
展开

编辑本段 作用

在有关搜索引擎注册、 搜索引擎优化 排名等网络营销方法内容中,通常都要谈论META标签的作用,我们甚至可以说,META标签的内容设计对于 搜索引擎营销 来说是至关重要的一个因素,尤其是其中的 “description”(网页描述)和“Keywords”(关键词)两个属性更为重要【参见 网络营销教学网站 的专文介绍:description Keywords 】。尽管现在的搜索引擎检索信息的决定搜索结果的排名很少依赖META标签中的内容,但META标签的内容设计仍然是很重要的。   从HTML代码实例中可以看到,一段代码中有3个含有meta的地方,并且meta并不是独立 存在的,而是要在后面连接其他的属性,如description、Keywords、http-equiv等。下面简单介绍一些搜索引擎营销中常见的 META标签的组成及其作用。

编辑本段 组成

META标签可分为两大部分:HTTP-EQUIV和NAME变量。

1 关于META标签中的HTTP-EQUIV

HTML代码实例中有一项内容是   <meta http-equiv="Content-Type" content="text/html; charset=gb2312">   其作用是指定了当前文档所使用的字符编码为gb2312,也就是 中文简体 字符。根据这一行代码, 浏览器 就可以识别出这个网页应该用中文简体字符显示。类似地,如果 将 “gb2312”替换为“big5”,就是我们熟知的中文繁体字符了。    常用的HTTP-EQUIV属性 1、<meta http-equiv=“Content-Type” contect=“text/html”;charset=gb_2312-80“>   和 <meta http-equiv=”Content-Language“ contect=”zh-CN“>用以说明主页制作所使用的文字以及语言;又如英文是ISO-8859-1 字符集 ,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集;   2、<meta http-equiv=”Refresh“ contect=”n;url=http://yourlink“>定时让网页在指定的时间n内,跳转到你的页面;   3、<meta http-equiv=”Expires“ contect=”Mon,12 May 2001 00:20:00 GMT“>可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;   4、<meta http-equiv=”Pragma“ contect=”no-cache“>是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;   5、<meta http-equiv=”set-cookie“ contect=”Mon,12 May 2001 00:20:00 GMT“>cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;   6、<meta http-equiv=”Pics-label“ contect=”“>网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta 属性来设置的;   7、<meta http-equiv=”windows-Target“ contect=”_top“>强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;   8、<meta http-equiv=”Page-Enter“ contect=”revealTrans(duration=10,transtion= 50)“>和<meta http-equiv=”Page-Exit“ contect=”revealTrans(duration=20,transtion=6)“>设定进入和离开页面时的特殊效果,这个功能即 FrontPage中的”格式/网页过渡“,不过所加的页面不能够是一个frame页面。   HTTP-EQUIV用于向浏览器提供一些说明信息,从而可以根据这些说明做出相应。 HTTP-EQUIV其实并不仅仅只有说明网页的字符编码这一个作用,常用的HTTP-EQUIV类型还包括:网页到期时间、默认的脚本语言、默认的风格 页语言、网页自动刷新时间等。2 关于META标签中网页描述(description) HTML代码实例中有关"description"中的代码为:   <meta name="description" content="网络营销教学网站提供《 网络营销基础与实践 》教学支持:网络营销课件, 网络营销论文 ,网络营销实验教学,电子商务论文, 网络营销 与电子商务书籍等">   "description"中的content="网页描述",是对一个网页概况的介绍,这些 信息可能会出现在搜索结果中,因此需要根据网页的实际情况来设计,尽量避免与网页内容不相关的“描述”,另外,最好对每个网页有自己相应的描述(至少是同 一个栏目的网页有相应的描述),而不是整个网站都采用同样的描述内容,因为一个网站有多个网页,每个网页的内容肯定是不同的,如果采用同样的 description,显然会有一些网页内容没有直接关系,这样不仅不利于搜索引擎对网页的排名,也不利于用户根据搜索结果中的信息来判断是否点击进入 网站获取进一步的信息。    META标签中网页描述(description)的设计要点: ·网页描述为自然语言而不是罗列关键词(与keywords设计正好相反);   ·尽可能准确地描述网页的核心内容,通常为网页内容的摘要信息,也就是希望搜索引擎在检索结果中展示的摘要信息;   ·网页描述中含有有效关键词;   ·网页描述内容与网页标题内容有高度相关性;   ·网页描述内容与网页主体内容有高度相关性;   ·网页描述的文字不必太多,一般不超过搜索引擎检索结果摘要信息的最多字数(通常在100中文字之内,不同搜索引擎略有差异)。

3 关于META标签中的(Keywords)

与META标签中的"description"类似,"Keywords"也是用来描述一个网页的属性,只不过要列出的内容是“关键词”,而不是网页的 介绍。这就意味着,要根据网页的主题和内容选择合适的关键词。在选择关键词时,除了要考虑与网页核心内容相关之外,还应该是用户易于通过搜索引擎检索的, 过于生僻的词汇不太适合做META标签中的关键词。关于META标签中关键词的设计,要注意不要堆砌过多的关键词,罗列大量关键词对于搜索引擎检索没有太 大的意义,对于一些热门的领域(也就是说同类网站数量较多),甚至可能起到副作用。    META标签中关键词(keywords)的设计要点: ·选择与网页内容最相关的核心关键词即可,而且关键词数量无需太多,更没有必要堆砌大量的关键词;   ·keyword中的关键词应该同样出现在description内容中;   ·不同的关键词之间用逗号(英文标点符号)隔开。

编辑本段 网页设计中META标签写法的常见错误

网页设计 中META标签写法的常见错误如下:如下: META标签中没有网页描述和关键词设计;   整个网站所有的网页使用同样的META标签内容;   在META描述“description”中堆砌关键词,而不是对网页核心内容的自然语言描述;   META标签中关键词和描述的内容一样,有些甚至和网页标题一样;   META标签中网页介绍信息与网站内容缺少相关性;   META标签中的关键词数量过多……
#bk-album-collection-box-740572 { width: 687px; height: 228px; border-right: 1px solid rgb(198, 225, 245); border-width: 2px 1px 1px; border-style: solid; border-color: rgb(38, 139, 215) rgb(198, 225, 245) rgb(198, 225, 245); margin-bottom: 30px; overflow: hidden; }.bacb-head { height: 28px; background-color: rgb(245, 251, 255); padding-left: 10px; position: relative; }.bacb-title { font-size: 14px; font-weight: bold; line-height: 28px; }.bacb-more { text-decoration: none; position: absolute; font-size: 12px; line-height: 1; top: 8px; right: 8px; padding-right: 11px; background: url("http://img.baidu.com/img/baike/s/arr.gif") no-repeat scroll 54px -22px transparent; }.bacb-more:hover { text-decoration: none; }#bacb-left-btn-740572, .bacb-window-outer, #bacb-right-btn-740572 { float: left; }#bacb-left-btn-740572, #bacb-right-btn-740572 { display: block; text-decoration: none; border: 1px solid rgb(255, 255, 255); width: 17px; height: 53px; background: url("http://img.baidu.com/img/baike/bkalbumbtn.gif") no-repeat scroll 0% 0% transparent; cursor: default; }#bacb-left-btn-740572 { margin: 59px 3px 0pt 6px; background-position: 3px 16px; }#bacb-right-btn-740572 { margin: 59px 5px 0pt 6px; background-position: -27px 16px; }#bacb-left-btn-740572.enable:hover { background-position: -61px 16px; border: 1px solid rgb(221, 221, 221); cursor: pointer; }#bacb-right-btn-740572.enable:hover { background-position: -91px 16px; border: 1px solid rgb(221, 221, 221); cursor: pointer; }.bacb-window-outer { width: 628px; height: 185px; position: relative; overflow: hidden; margin-top: 15px; }#bacb-window-inner-740572 { position: absolute; top: 0pt; left: 0pt; padding-left: 6px; }#bacb-window-inner-740572 .item { float: left; width: 156px; height: 195px; }#bacb-window-inner-740572 .img { height: 145px; position: relative; }#bacb-window-inner-740572 .img .b1, #bacb-window-inner-740572 .img .b2, #bacb-window-inner-740572 .img .b3, #bacb-window-inner-740572 .img .img-wrapper { position: absolute; background-color: rgb(255, 255, 255); }#bacb-window-inner-740572 .img .b1 { left: 0pt; bottom: 0pt; border: 1px solid rgb(205, 205, 205); }#bacb-window-inner-740572 .img .b2 { left: 3px; bottom: 3px; border: 1px solid rgb(205, 205, 205); }#bacb-window-inner-740572 .img .b3 { left: 6px; bottom: 6px; border: 1px solid rgb(170, 170, 170); }#bacb-window-inner-740572 .img .img-wrapper { left: 9px; bottom: 9px; display: block; text-decoration: none; line-height: 1px; }#bacb-window-inner-740572 .item .desc { text-align: center; font-family: 宋体; width: 145px; margin-top: 7px; font-size: 12px; line-height: 1; }#bacb-window-inner-740572 .item .count { color: rgb(153, 153, 153); white-space: nowrap; }
扩展阅读:

原文地址:http://baike.baidu.com/view/740572.htm
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值