前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >SEO中不可忽视的h1到h6的应用

SEO中不可忽视的h1到h6的应用

作者头像
世纪访客
发布2018-08-02 15:47:51
8060
发布2018-08-02 15:47:51
举报
文章被收录于专栏:西枫里博客西枫里博客
...
...

那天在群里有位SEO大拿,于是我吵吵着让大佬帮我看下我的博客优化还能怎么搞,他回我说我的博客缺少h1标签。从这里拉开了话题。着重聊了些h1标签的内容,其实也都是老生常谈。因为当时重建这个博客的时候就考虑到优化因素在内,所以今天抽空将我所理解的h1到h6的使用记录下来,也是于大佬们探讨。

h系列标签是什么?

h标签是html中常用的元素,通常都是用于定义页面中的标题,也就是说h标签的含义非常明确,就是做标题,无他,所以h标签不像p标签或者span标签那样呈现的是页面结构属性,一般认为它呈现的是目录属性。

h标签又细分为h1、h2、h3、h4、h5、h6六种规格。层级关系依次递减,相对于搜索引擎来说,它们圈定的标题重要性也同样依次递减。如何科学规范的使用h标签是做SEO的基础学问。

h系列标签的样式如何处理?

h标签在使用的时候,由于默认加载的样式通常无法满足页面设计。样式需要被重置,可以在样式表中定义h系列标签的样式。有两个问题需要注意:1、h系列标签不能使用align属性。2、h系列标签的着重是递减关系,所以自定义的字号需要递减,以免误导搜索引擎。

h系列标签的使用。

1、h系列标签的递减关系存在,所以在页面应用是不能颠倒使用顺序,例如h6标签防止在h1标签的前面。它们是一个纵向层级关系。也因此,不同等级的h标签不要出现在同一行内。h1标签内容具有唯一性,所以不同页面的h1标签内容最好是不相同的,在html页面嵌套使用中要注意这点。

2、所有h标签仅包含文字内容,不要将图片等其它类型资源包含在h标签内。

3、h标签内部是标题,这就限定了它内部应该是一个完整的句子,不能是词语,更有甚者在里面堆砌关键词。

4、h1标签作为重点,它仅能在当前页面出现一次,并且只能出现在body标签内部。越接近body越好。一般作为当前文档的主标题使用。那它和title有什么区别?title是在head中,title的内容通常显示在浏览器的标签上,它的作用更多的是提供机器使用和识别。而h1则不同,它是完完整整针对访问者的。只需记住title的内容可以直接套用h1标签的内容。而h1标签的内容则不能完全引用title的内容。

5、h2通常作为副标题使用,作为h1的注解,一般意义上h2标签在页面中同样最好仅使用一次。

6、h3到h6标签作为段落标题、小节标题在使用数量上则没有限制了,仅需遵守不要颠倒次序即可。

本站h系列标签的使用情况。

首先本站并没有使用h1和和标签,最大的层级是h3标签,大家可以看到本文的标题使用的是h3,且未定义任何样式,仅受父级元素约束。h3标签内的文本使用文章标题,且没有添加本站的关键词“安吉网站建设”。本页面title的内容是套用h3标签内容后补加了网站名称西枫里博客,正如上面所说h1和title的关系。本文段落间小标题使用的是h4标签,且h4的样式被深度定制,以利于阅读。

最后说了这么多,其实都是老生常谈的内容,并没有新鲜花样。主要还是告诉大家h系列标签的两个重要使用原则:审慎原则和层级原则。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-02-09 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • h系列标签是什么?
  • h系列标签的样式如何处理?
  • h系列标签的使用。
  • 本站h系列标签的使用情况。
相关产品与服务
网站建设
网站建设(Website Design Service,WDS),是帮助您快速搭建企业网站的服务。通过自助模板建站工具及专业设计服务,无需了解代码技术,即可自由拖拽模块,可视化完成网站管理。全功能管理后台操作方便,一次更新,数据多端同步,省时省心。使用网站建设服务,您无需维持技术和设计师团队,即可快速实现网站上线,达到企业数字化转型的目的。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档