专栏首页西枫里博客SEO中不可忽视的h1到h6的应用

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

那天在群里有位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系列标签的两个重要使用原则:审慎原则和层级原则。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 解决Chrome不兼容li标签中的文本溢出自动隐藏的问题

    一般情况下对文章列表的调用,通常使用ul循环li标签。受页面模块宽度的的限制,一般需要对li进行文本内容溢出隐藏处理,实现更加合理的排版。经过测试在li标签中使...

    世纪访客
  • IPv6终于要全面铺开了,地球上的每一粒沙子都将获得一个IP地址

    11月26日中办国办发布了《推进互联网协议第六版(IPv6)规模部署行动计划》。根据计划部署,2018年年底,中国IPv6将拥有2亿用户,2020年达到5亿用户...

    世纪访客
  • Python学习笔记八(函数的定义和参数)

    本次学习内容同样先回顾下上次学习的序列。然后学习今天的自定义函数部分。在编程中无论是面向过程还是面向对象,函数都是不可或缺的存在。什么是函数?这个问题在任何语言...

    世纪访客
  • H5入门之文本标签和特殊字符

    在网页简介的文章中,我们已经接触过超链接标签了。除了超链接标签以外,h5还有很多展示不同内容的标签,其中包括文本标签。那么,什么是文本标签呢?文本标签是用来展示...

    邂逅千寻
  • 如何有效推进百万标签库的治理?

    在大多数公司,成千上万的标签虽然在某种程度上是数据服务能力的象征,但到最后往往成为了一种负担,只管杀不管埋的现象太普遍了!

    木东居士
  • SEO优化搜索引擎能识别的常用标签有哪些

    2. html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/。

    高级优化师
  • HTML知识清单(附学习网站)

    上面知识点知识本人总结的,想要深入学习的话请跳转至http://www.w3school.com.cn/专业的前段技术学习网站,免费开源!!!

    时间静止不是简史
  • 用HTML写一篇简单的日记

    在这篇文章之前,已经初步的了解了HTML是怎么创建了,接下来,我们要用创建的文件去写我们进入前端的第一个demo,当然了,如果你忘记了,我之前的文章里也有详细的...

    守护最温柔的金木
  • 【融职培训】Web前端学习 第2章 网页重构2 常用的html标签

    上一节我们已经了解了html和css的基本概念,本节通过上一节的一个例子来说说HTML的语法.

    学习猿地
  • Web前端学习 第2章 网页重构2 常用的html标签

    上一节我们已经了解了html和css的基本概念,本节通过上一节的一个例子来说说HTML的语法.

    学习猿地

扫码关注云+社区

领取腾讯云代金券