meta标签作用,meta标签常见的使用方法

  • meta标签作用,meta标签常见的使用方法已关闭评论
  • A+
所属分类:seo快速入门

作为很多站长来说,在管理网站时经常会用到<meta/>标签,<meta/>标签是一个单标签,对于seo来说,有着举足轻重的地位。最常用的有:在<head>标签中设置文章的关键词、html页面的字符集设置、文章或者是站点的描述等信息。可以说,<meta/>标签是为了搜索引擎而生,但最终还是为了用户的体验度。

meta标签作用,meta标签常见的使用方法

一、什么是<meta/>标签?

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

简单来说,meta标签就是告诉搜索引擎我的标题是什么?我使用的是什么字符集?我的关键词是什么?我的描述是什么?搜索引擎通过抓取到你这些信息之后,然后展现在搜索栏,最终出现在读者面前。如果没有meta标签,那搜索引擎就不知道你的网站是干什么的?对于seo来说,无疑是个致命打击。

meta标签作用,meta标签常见的使用方法

二、<meta/>标签的作用是什么?

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属性。值得一提的是,大家在书写代码时一定要在英文状态下编写,建议选择小写字母,工具使用编程工具,例如:Notepad++,如果没有的话可以百度搜索下载一个。

(1)name属性

<meta name="Generator" contect=""/>用以说明生成工具(如Microsoft FrontPage 4.0)等;
<meta name="keywords" contect="页面的关键词"/>向搜索引擎说明你的网页的关键词是什么;
<meta name="DEscription" contect="页面的描述"/>告诉搜索引擎你的站点的描述的主要内容;
<meta name="Author" contect="姓名"/>告诉搜索引擎你的站点的制作的作者;
<meta name="Robots" contect= "robots文件地址"/>告诉搜索引擎哪些可以抓取,哪些不能抓取。

(2) http-equiv属性

http-equiv用于向浏览器提供一些说明信息,从而可以根据这些说明做出反应。 http-equiv其实并不仅仅只有说明网页的字符编码这一个作用,常用的 http-equiv类型还包括:网页到期时间、默认的脚本语言、默认的风格页语言、网页自动刷新时间等。

①<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等字符集;

②<meta http-equiv="Refresh" content="n;url=http://yourlink">定时让网页在指定的时间n内,跳转到你的页面;

③<meta http-equiv="windows-Target" content="_top">强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;

④<meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT">cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;

⑤<meta http-equiv="Expires" content="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;

⑥<meta http-equiv="Page-Enter" content="revealTrans(duration=10,transition= 50)">和<meta http-equiv="Page-Exit" content="revealTrans(duration=20,transition=6)">设定进入和离开页面时的特殊效果,这个功能即FrontPage中的"格式/网页过渡",不过所加的页面不能够是一个frame页面。

⑦<meta http-equiv="Pics-label" content="">网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的;

⑧<meta http-equiv="Pragma" content="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;

meta标签作用,meta标签常见的使用方法

四、网页设计中META标签写法的常见错误

1、META标签中没有网页描述和关键词设计;

2、整个网站所有的网页使用同样的META标签内容;

3、在META描述"description"中堆砌关键词,而不是对网页核心内容的自然语言描述;

4、META标签中关键词和描述的内容一样,有些甚至和网页标题一样;

5、META标签中网页介绍信息与网站内容缺少相关性;

6、META标签中的关键词数量过多;

注意好这些,就基本ok了。