今天SEO教程网来讲讲HTML语言中的元标签以及元标签在SEO网站优化中的应对技巧。元标签是网站优化中非常常见,而且非常的重要,简单来说,元标签涵盖了整个网站的内容,包括标签,描述,介绍等。那么具体什么是元标签呢?
一、什么是元标签?
元标签(Meta Tage)是指万维网的超文本置标语言(HTML)的一种软件参数,是网页的head标签之间的一种HTML标签,用来在HTML文档中模拟HTTP协议的响应头报文,向服务器和客户端传达关于文档的隐藏信息,META 元素还嵌入了某些搜索引擎用于索引和分类万维网上的文档时所用的文档信息。它记录当前页面的信息,例如字符编码、作者、版权和关键字等。还可以用来向服务器提供信息,例如截止日期和页面刷新间隔等。
二、元标签有什么作用?
元标签的两种基本用处是:告诉浏览器网页所识别的文件类型及语言类型;让搜索引擎按关键字搜索到你的网页。用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。此元素只能在 HEAD 元素内使用,并且在 Internet Explorer 3.0 及以上版本HTML 中可用,在 Internet Explorer 4.0 及以上版本的脚本中可用。
三、如何查看一个网页的HTML源代码?
查看一个网页HTML源代码的方法是:打开一个网页之后,点击浏览器上的菜单“查看”,选择下面的“源文件”选项,即可打开一个记事本文件,其中就是这个网页所所有代码。也可以将鼠标放置到网页上的任何位置(只要位于没有链接、图片处,最好是网页中的空白区域),点击鼠标右键,选择其中的“查看源文件”即可。
HTML一般的格式如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>标题内容</title>
<META NAME=”DESCRIPTION” CONTENT=”你的描述内容”>
<META NAME=”KEYWORD” CONTENT=“关键字1,关键字2,---“>(多个关键字用英文逗号分开)
<META http-equiv="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META NAME="google-site-verification" CONTENT="+nxGUDJ4QpAZ5l9Bsjdi102tLVC21AIh5d1Nl23908vVuFHs34="/>
<META NAME="robots" CONTENT="noindex,nofollow">
</head>
</html>
解析:
(一)在以上这段源代码中,最开始的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">表示的是网站是否符合W3C标准;
(二)<title>标题内容</title>:搜索引擎优化SEO可以说是从Title开始的。在搜索结果中,每个抓取内容的第一行显示的文字就是该页的Title,同样在浏览器中打开一个页面,地址栏上方显示的也是该页的Title,也就是说Title显示在浏览器的标题栏上。因此,Title可谓一个页面的核心,最好在此处加上网站的关键字,并且关键字位置尽量靠前,因为对搜索引擎而言,越往前的关键字的权重越高。
(三)下面重点说一下META 标签
大家从上面的代码中可以看到,meta 的属性有两种:HTTP-EQUIV和NAME变量,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。
1、HTTP-EQUIV类似于HTTP的头部协议,它给浏览器回应一些有用的信息,以帮助正确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
meat标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值">
常用的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" content="n;url=http://yourlink">定时让网页在指定的时间n内,跳转到页面http://blog.sina.com.cn/u/1688338921;
(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,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=6)">设定进入和离开页面时的特殊效果,这个功能即FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。
2、name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎优化机器人查找信息和分类信息用的。
meat标签的name属性语法格式是:<meta name="参数" content="具体的参数值">。
比较常用的几个name 属性:
(1)<meta name="Generator" content="">用以说明生成工具(如Microsoft FrontPage 4.0)等;
(2)<meta name="KEYWORD" content="">向搜索引擎说明你的网页的关键词;
(3)<meta name="DESCRIPTION" content="">告诉搜索引擎你的站点的主要内容;
(4)<meta name="Author" content="你的姓名">告诉搜索引擎你的站点的制作的作者;
(5)<meta name="Robots" content= "all|none|index|noindex|follow|nofollow">
其中的属性说明如下:
设定为all:文件将被检索,且页面上的链接可以被查询;
设定为none:文件将不被检索,且页面上的链接不可以被查询;
设定为index:文件将被检索;
设定为follow:页面上的链接可以被查询;
设定为noindex:文件将不被检索,但页面上的链接可以被查询;
设定为nofollow:文件将不被检索,页面上的链接可以被查询。
四、META重点说明
根据搜索引擎的工作原理,搜索引擎先派机器人自动在WWW上搜索,当发现新的网站时,便检索页面中的Keywords和Description,并将其加入到自己的数据库,然后再根据关键词的密度将网站排序,所以说META标签中的 “description”(网页描述)和“Keywords”(关键词)两个属性相当重要。虽然时至今日搜索引擎的算法更新并且先进了不少,但是由于“description”(网页描述)和“Keywords”(关键词)两个属性的特性决定了这两个属性在搜索引擎优化的过程中依然有着重要的位置。
1、什么样的META标签设计才是合理的?
简单来说就是META标签中description正确描述网页主体内容的摘要信息,是对网页内容的概括并且含有该网页的核心关键词,META标签中的keywords则进一步说明该网页的核心关键词(这些关键词同样出现在网页描述信息中),如果核心关键词不止一个,则关键词之间用英文逗号分开。
2、网页META标签内容写作规范要点:
(1)关于META标签中关键词(keywords)的设计要点
■选择与网页内容最相关的核心关键词即可,而且关键词数量无需太多,更没有必要堆砌大量的关键词;
■keyword中的关键词应该同样出现在description内容中;
■不同的关键词之间用逗号(英文标点符号)隔开。
(2)关于META标签中网页描述(description)的设计要点
■网页描述为自然语言而不是罗列关键词(与keywords设计正好相反);
■尽可能准确地描述网页的核心内容,通常为网页内容的摘要信息,也就是希望搜索引擎在检索结果中展示的摘要信息;
■网页描述中含有有效关键词;
■网页描述内容与网页标题内容有高度相关性;
■网页描述内容与网页主体内容有高度相关性;
■每个网页的描述不要相同,否则不利于搜索引擎对网页的排名;
■网页描述的文字不必太多,一般不超过搜索引擎检索结果摘要信息的最多字数(通常在100中文字之内,不同搜索引擎略有差异)。
要说明的是,这些META标签写作规范要点只是一般规律,并不一定适合所有的网页(例如,对于一些内容不断滚动更新的网页该如何设计META标签的描述信息才能体现出不断变化的内容?),也不一定对所有搜索引擎都有效,随着搜索引擎检索规则的变化,这些META标签的写作方法也需要灵活应用,针对具体的情况进行必要调整,因此仅供网络营销爱好者进行规范的搜索引擎优化时参考。
Meta 标签生成器:http://tool.chinaz.com/Tools/MetaTag.aspx
呵呵
1 人
震惊
0 人
赞
0 人
鄙视
0 人
流泪
0 人