专注前端,专注网页设计分享 - (网页制作/模板制作/设计)755150799 织梦模板 | 网页特效 | 网站模板 | 建站教程 | Tag标签 | 联系站长

网站制作里H标签的用法及注意事项

时间:2014-09-15 12:05:34来源:学技巧网站制作 作者:学技巧网页制作 阅读:0次 【 点评一下

啥是H标签?H标签也叫做Heading标签,HTML语言里一共有六种大小的h 标签,是网页html 中对文本title所进行的着重强调的一种标签,以标签到定义title头的六个不同文字大小的标签s,本质是为了呈现内容结构。共有六对,文字从大到小,依此显示重要性的递减,也就是权重依次降低。

  W3C指出h1-h6标签可定义title。h1定义最大的title。h6定义最小的title。h标签是成对出现的,以开始,以结束。h1,h2,h3,h4,h5,h6,作为title标签,并且依据重要性递减。遵循这样的原则是很有必要的,它能让页面的层级关系更清楚,让Search engine更好地抓取和分析出页面的主题内容等等。

  H标签包括H1、H2、H3、H4、H5、H6这么几条标签,表示文章的title。

  H标签是对标签,以开始,以结束。
  示例:
  文章的主title
  介绍
  文章的二级title
  另一个二级title
  下一个二级title
  三级title
  这本属于Web标准化的问题,只是懂W3C的前端设计人员很多时候图方便就不利用这些标签了;很多做SEO的希望利用这些标签,也无从下手。其实WordPress就是一个相当好的教材,当然,去查看Sina、Sohu、QQ等大型门户网站页面的源源程序也能发现他们对H标签的利用那是相当的“出神入化”。

  H标签简单介绍:

  1. H1标签的利用,一个页面中一般H1标签仅利用一次,也即是在H1标签中强调当前页面主题,一般的Blog每个页面的H1标签中都是Blog的title,相当于整个站点的每个页面都强调了下Blog的title,可见在Blog的title中的keywords那是相当滴重要:)

  2. H2标签的利用,Blog中的每篇Post的title都利用了H2标签

  3. H3标签,在SEOR的眼中,H1、H2、H3 … 这些标签所标出的内容的权重是不一样的,这也可以体现在页面中这几条标签的利用数量上,H1一个页面利用一次,H2、H3可以利用多次,但是在查看源程序可以发现H3的次数还是比H2要多的多的。

  怎么合理利用H标签?

  一、H1标签

  用来修饰网页的主title,一般是网页的title,文章title,一般首页LOGO也是用H1标签。

  中部署主keywords。

  尽量靠近在html 中的标签,越近越好,以便让Search engine最快的领略主题。

  二、H2标签

  表示一个段落的title,或者说副title,部署长尾keywords

  三、H3标签

  表示段落的小节title,

  效果跟Strong差不多,一般是用在段落小节

  四、H4标签

  基本很少用到,是告诉Search engine这些不是很重要的内容,单一篇文章内容较多的时候,可以用来讲解一些内容是不很重要的。

  • 用微信  “扫一扫”

    将文章分享到朋友圈。

    关注公众号:xue-jiqiao

本文版权归原作者所有,转载请注明原文来源出处,学技巧网站制作感谢您的支持!