当前位置首页 > 百科> 正文

META标籤

2019-08-21 03:07:50 百科
META标籤

META标籤

通常所说的META标籤,是在HTML网页原始码中一个重要的html标籤。META标籤用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键字、页面刷新等。

基本介绍

  • 中文名:META标籤
  • 外文名:META tag
  • 描述:一个HTML网页文档的属性
  • 来源:HTML标籤
  • 位于:<head>里,<title>标籤上方

作用

META标籤是HTML标记HEAD区的一个关键标籤,它位于HTML文档的<head>和<title>之间(有些也不是在<head>和<title>之间)。它提供的信息虽然用户不可见,但却是文档的最基本的元信息。<meta>除了提供文档字元集、使用语言、作者等基本信息外,还涉及对关键字和网页等级的设定。
所以有关搜寻引擎注册、搜寻引擎最佳化排名等网路行销方法内容中,通常都要谈论META标籤的作用,我们甚至可以说,META标籤的内容设计对于搜寻引擎行销来说是至关重要的一个因素,合理利用 Meta 标籤的 Description 和Keywords 属性,加入网站的关键字或者网页的关键字,可使网站更加贴近用户体验。
从HTML代码实例中可以看到,一段代码中有3个含有meta的地方,并且meta并不是独立存在的,而是要在后面连线其他的属性,如description、Keywords、http-equiv等。下面简单介绍一些搜寻引擎行销中常见的META标籤的组成及其作用。

组成

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

属性

带(#)的为 HTML5 中的新属性。
属性描述
charset(#)
character_set
定义文档的字元编码。
content
text
定义与 http-equiv 或 name 属性相关的元信息。
http-equiv
content-typ
edefault-style
refresh
把 content 属性关联到 HTTP 头部。
name
application-nam
eauthor
description
generator
keywords
把 content 属性关联到一个名称。
scheme
format/URI
HTML5不支持。定义用于翻译 content 属性值的格式。

描述设计

1网页描述为自然语言而不是罗列关键字(与keywords设计正好相反);
2儘可能準确地描述网页的核心内容,通常为网页内容的摘要信息,也就是希望搜寻引擎在检索结果中展示的摘要信息;
3网页描述中含有有效关键字;
4网页描述内容与网页标题内容有高度相关性;
5网页描述内容与网页主体内容有高度相关性;
6网页描述的文字不必太多,一般不超过搜寻引擎检索结果摘要信息的最多字数(通常在100中文字之内,不同搜寻引擎略有差异)。
Keywords
与META标籤中的"description"类似,"Keywords"也是用来描述一个网页的属性,只不过要列出的内容是“关键字”,而不是网页的介绍。这就意味着,要根据网页的主题和内容选择合适的关键字。在选择关键字时,除了要考虑与网页核心内容相关之外,还应该是用户易于通过搜寻引擎检索的,过于生僻的辞彙不太适合做META标籤中的关键字。关于META标籤中关键字的设计,要注意不要堆砌过多的关键字,罗列大量关键字对于搜寻引擎检索没有太大的意义,对于一些热门的领域(也就是说同类网站数量较多),甚至可能起到副作用。

错误

网页设计中META标籤写法的常见错误如下:
1、META标籤中没有网页描述和关键字设计;
2、整个网站所有的网页使用同样的META标籤内容;
3、在META描述"description"中堆砌关键字,而不是对网页核心内容的自然语言描述;
4、META标籤中关键字和描述的内容一样,有些甚至和网页标题一样;
5、META标籤中网页介绍信息与网站内容缺少相关性;
6、META标籤中的关键字数量过多;
……

标籤

1、在zblog模板网站的首页default.html 添加description和keywords标籤
按照这个顺序依次操作:打开后台首页——档案管理——打开SHEMS档案——打开你的当前模板样式的档案(此处一般有2个选择,之一是default,如果你是用系统默认模板就点击default,否则就点击另一个)——打开TEMPLATE档案——编辑default.html(默认首页),操作路径为:THEMES/axna/TEMPLATE/default.html ,其中的axna是我的部落格模板样式,因人而异,操作完这些之后在<head></head>里面添加如下代码:
<meta name="keywords" content="xx,xx,xx" />
<meta name="description" content="yyyyyyy" />
Keywords里面的xx等就是你当前页面的关键字,这个非常重要,要準确定位,而且确定了就不要再随意修改。可设定多个关键字但不要过多,适当即可,也不要重置堆砌关键字,这是对搜寻引擎不友好的。关键字之前最好用逗号隔开。 而description里面的yy等字样就是指对当前页面的描述,在首页里就是要指明这个网站是什幺样的网站,有什幺用或者是做什幺的,等等。这一部分是会在搜寻结果的页面当中出现的,因此还是举足轻重的。
添加了代码后就点击提交,然后档案重建即可,返回你的首页,查看源档案就能看到首页已经成功添加了这两个标籤。
2、在网站的内页模板single.html 中添加meta标籤
同理,此处的操作路径为:./THEMES/axna/TEMPLATE/single.html 依次打开至single.html页面。这里,先介绍一下网上有一部分人的一些做法,可能是有点小问题的。
在single.html中添加如下标籤:
<meta name="keywords" content="<#article/tagtoname#>" />
<meta name="description" content="<#article/intro#>" />
其中,#article/tagtoname# 是调用文章页面的关键字,我们在进行新建文章时,有一栏要填tags,关键字就是从你所填写的tags调用过来的, #article/intro# 是调用文章简介,在新建文章的后台页面里,可以点击下面的自动生成摘要,当然了,摘要也可以自己填写,简介就是从你写的摘要里面完完全全调用过来的。
可是运用这样的代码方法在一些部落格中是行不通的,在部分部落格中文章的简介就自动调到页面的最顶部。可见这种方面要慎用。当然了,还有其它更加简便的方法,比如我们可以在Z-Blog安装一个名为NOBIRDAticleSEO的外挂程式,之后就多出<#nobird/article/seo#>标籤,并自动添加到文章页模板中作为页面的Description,同时还自动添加了keywords和author信息。
3、同样,也可以在catalog.html、tags.html、search..html中添加meta标籤
代码如下<meta name=description content =<#ZC_BLOG_TITLE#><#ZC_MSG044#><#BlogTitle#>” />
这部分大家是可以自行进行增删修改的,不一定要那些调用代码,也可以输入自己想要加的文字。
声明:此文信息来源于网络,登载此文只为提供信息参考,并不用于任何商业目的。如有侵权,请及时联系我们:baisebaisebaise@yeah.net