网站h1,h2,h3标签的用法和技巧

网站h1,h2,h3标签的用法和技巧

我们首先要明白h1,h2是什么。在HTML语言中有<h1><h6>定义标题头的六个不同文字大小的TAGES。本质是为了呈现内容结构,共有六种标签,文字从大到小,权重依此反而降低。也就是说H1>H2>H3,依此类推。他在优化中也是起着,呈现内容结构的一个作用,这样分配的好处把网页整个结构由主到次区分开来,搜索引擎抓取网页的时候就会按着这样的顺序进行抓取索引。

h1,h2标签可以在任何地方使用,任何你觉得可以凸显网页内容主次的地方进行使用。举个例子,网站的首页。通常来说网站的首页最主要的地方就是网站的名称,因为网站的主题是围绕网站名称来进行建造的。所以按照标签的级别,我们理所应当的应该把H1标签用在网站最核心的内容上。当然也有例外,比如说网站是一个门户站,例如网站名称是新浪。但我们思路仍然可以套用,把H1定义在最核心的内容上。

首页的核心内容已经固定,就剩下导航栏目,还有一些其他调用的栏目了。网站导航栏目有很多连接指向他,并且是长期固定不变的,必然权重不会低,所以我们可以把这个H2标签的机会用在那些不是导航,又在首页调用的栏目上。然后就是H3,我们稍加安排就好。

首先我要知道,什么是heading标签?

w3school的相关文字:
<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。

由于 h 元素拥有确切的语义,因此请您慎重地选择恰当的标签层级来构建文档的结构。因此,请不要利用标题标签来改变同一行中的字体大小。相反,我们应当使用层叠样式表定义来达到漂亮的显示效果。

注:heading标签均为块级元素(block)

为什么要使用heading标签?

我们所使用到的标签,都应该是有含义的:比如ul是无序列表,适合做新闻列表;ol是有序列表,适合做排行版;del是删除线,适合用来放
b2c的“原价”;address里放的是地址;blockquote大段引用。其它义语标签的用法,在这里暂不一一列举,等等这些,为得是能让搜索引擎知道,这些内容到底是什么意思,也算是比较浅显的所谓人机交互。

h1,h2,h3 的用法:

h1 — 大标题,放置于首页顶部区域,通常即导航以上的部分,全站通用,用来诠释整个网站的内容,应包含网站主关键字,但切忌不要进行关键字堆砌。最好是在网页源代码的body标签一开始的第一个容器中第一行出现。且保证一个页面中只出现一次或者零次

h2 — 副标题,每个页面出现的次数以1-3次为宜。

首页:同h1,放置于主头部区域,于h1的下方,全站调用,同样用于概括整站的内容。或者在头部通用区域的下方,首页内容的开头或者中间部分使用一次,用于诠释首页的内容。

子频道页:无论顶部区域是否出现过一次h2,可结合实际情况在头部通用区域的下方,页面内容的开头部分使用一次,用于诠释频道页面的内容。

(以上2种方法可以任选其一,也可以同时并存)

文章/产品内页:文章的标题使用h2标签。

按以上方法,h2标签最多会被使用到3次,但是请少使用1次。据以往经验来看,文章/产品内页使用h2标签效果显著。

h3 — 三级标题,h3的使用次数,没有明确的规定,大家用到该用的地方就行。
首页及内页的栏目标题均使用h3标签。刚才说道h2适用于文章内页的文章标题上,那么h3我通常也用到文章的分段标题

本文基本内容来自:http://panyanfeng.com/website-h1-h2-h3-tag-usage-and-skills/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值