HTML网页META标签内容写作规范要点
所属分类:
网页制作 / HTML/Xhtml
阅读数:
1207
收藏 0赞 0分享
META标签是HTML语言head区的一个辅助性标签,它用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。它有两个属性,分别是HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。
我们在对网站进行搜索引擎优化(SEO)的时候,通常会用到name属性里的“Keywords”(关键词)和“description”(网页描述)两个参数。在主流的两个搜索引擎“百度”和“GOOGLE”中进行了长时间测试,发现百度搜索结果的排名和META标签中的内容有很大关系,在GOOGLE中也存在有一定的决定性作用,META标签在一个页面中的作用仅次于title。所以META标签的内容设计仍然是很重要的。
下面来和大家共同探讨META标签中keywords和description的基本写法,和应该注意的事项:
一、Keywords (关键字)
说明:为搜索引擎提供的关键字列表
用法:<Meta name="Keywords" Content="QQ网名,QQ签名,QQ个性签名,最酷QQ名,非主流QQ签名,繁体QQ签名">
技巧:1,选择适当的关键词(可利用百度指数等工具,选出搜索量比较高的关键词,必要时可以选择复合关键词)
2,不同的关键词之间,应用半角逗号隔开(关键词之间应以半角逗号(即英文状态下的逗号)隔开,如果以中文为标点,搜索引擎会误认为是文字)
3,关键词不要写得太多太长(建议控制在六个词语以内,简短、明确就好,别太多或故意重复)
4,大网站尽量不要每个页面都要用同样的Keywords
二、Description (网页描述)
说明:Description用来告诉搜索引擎你的网站主要内容。用法:<Meta name="Description" Content="QQ网名,给你的QQ挑一个最酷QQ网名,一个最酷QQ签名">
技巧:1,应为自然语言,并不是罗列关键词(也就是说是几句比较简炼的描述网页标题和内容的话,并不是像Keywords那样把关键词罗列出来。)
2,描述内容与网页标题和Keywords关键词内容应有高度相关性(重点补充在title和keywords中未能充分表述的说明)
3,描述内容与网页本身内容应有高度相关性
4,描述的文字不必太多(建议控制在200个字符以内,关键字重复出现三四次即可,不要过多堆积)
5,不要每个页面都要用同样的Description
以上写法只是一般规律,在实际运用中应随着搜索引擎检索规则的变化和网站的本身情况进行适当调整.META优化只是SEO的一部分,并不能完全代表SEO.要想把网站的优化做好,还需要从多方面下功夫.我们会在后续的几期里为大家继续探讨网站优化。
网页注释在IE中产生文字溢出
实验代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti
收藏 0赞 0分享
HTML教程:定义列表
原文:http://andymao.com/andy/post/104.html
上一节:有序列表
写完“无序列表”和“有序列表”之后已经有人和我说这两篇看得没什么意思。这两篇文章如果只以单向读取的形式阅读那么的确是没什
收藏 0赞 0分享
HTML教程:有序列表
原文:http://andymao.com/andy/post/103.html
上一节:无序列表
信息有时候是无序归纳的,有的却有着明确的顺序,在上一篇也提到了。那么简单的来想一下身边有哪些事物是有先后顺序的:操作步骤、排行榜、书目录……
收藏 0赞 0分享
HTML教程:无序列表
原文:http://andymao.com/andy/post/102.html
段落已经讲完了,那么一些基本的应用方式也讲了一些,那么是否已经应用了呢?当然应用可以更为丰富,那么这些就需要自己在实际工作中不断的摸索与思考,然后创新并总结得出新的应用形式。当然了段落不能当作
收藏 0赞 0分享
HTML网页制作的强大8条技巧
虽然现在有许多网页制作工具能让您轻松地完成工作,但如果使用HTML则可以得到更大控制权,下面介绍几个小技巧。
1。使用<tt>,<i>,<br>语句来控制文字排版比用<pre>好得多。 如: <tt>实用
收藏 0赞 0分享
网页表格分割线去除方法
网页表格分割线去除方法。
其实上面的三个表格都有三行三列,隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,我们可以看到<TABLE>标签中都有rules。它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的分隔线,这
收藏 0赞 0分享
blockquote标记应用注意
关于语义化,不是一句两句就能说明白的,而且现在也没有一个官方的很严格的定义。关于<blockquote>没有争议的是:
1.引用一段较长的文字
2.可以使用cite标签或者属性
问题是<blockquote>引用的文字必须使用块级元素将他
收藏 0赞 0分享
网页表格表框制作技巧
网页表格表框制作技巧。
--------------------------------------------------------------------------------
表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框图,而不
收藏 0赞 0分享
HTML其实就是学习几个重要标记的应用
《这将是一场革命》一文出来以后。得到业界大伙的认同,当然与此同时也得到部分来自内部与外部的挑衅,不过的更加多的是更多人来寻问每一个点的细节。今晚回家很早就睡了,半夜在一个梦中醒来,梦里正在和小学的同学玩一个游戏——“The Next&rdquo
收藏 0赞 0分享
移动端专用的meta标签设置大全
不知道有没有人觉得,html的meta标签描述的头部信息特别多,下面这篇文章主要给大家分享介绍了关于移动端专用的meta设置的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧
收藏 0赞 0分享
查看更多