网站首页 > 知识剖析 正文
网页H标签使用方法有哪些?H1到H6,使用方法相同,表现的结果略有不同。H标签,HTML语言里一共有六种大小的heading标签,是网页html 中对文本标题所进行控制的一种标签,以标签<h1>、<h2>、<h3>、<h4>、<h5>、<h6>定义标题头的六个不同文字大小的显示样式,也可以说是为了呈现内容的结构。共有六对,文字从大到小,依此显示重要性的递减,也就是权重依次降低。W3C指出h1-h6标签用来定义内容的标题,H1标签定义最大的标题,h6定义最小的标题。h标签是成对出现的,以<h>开始,以</h>结束。
那么 ,如何正确使用H标签呢?
1、H1标签最好用在H2-H6之前,且一个页面只用一次,不要经常使用。有些站点在一个页面大量的使用,甚至出现了数次,觉得可以增强效果,其实不然。H1可以用但不要泛滥,我们是有效的堆砌而不是胡乱的强塞。网页H标签使用方法很重要,合理的使用H1标签有益,不恰当且过多的使用反而会带来很多不利的影响,严重的甚至会导致K站。
2、H1标签中使用的关键词,应该是页面最主要的关键词或品牌词,并且应该是在网页标题中使用的关键词。H2-H6根据这个原理逐级递减,从一般关键词到长尾关键词,从长尾关键词到标题,不过一般H3以后就用得比较少了,因为H1代表最重要的,H6代表相对最不重要的,再者越到后面意义越来越小。
3、H1标签之间肯定是需要包含关键词的,但是这个关键词也是需要具有可读性和合理性,不要为了强调而把这个关键词加进去,而是因为这个关键词需要被强调才来加H1标签,注意先后。是先有关键词,然后给关键词加H1标签。
4、如果把H1标签加在LOGO图片,图片ALT信息上要加上网站名或品牌词,这样才能更加突出首页的关键词,不然只给一个图片加H1,是没用什么用的。-
5、H1标签尽量靠近在html中的body标签,越近越好,以便让搜索引擎最快的找到主题。从上面的例子就可以发现H1标签都在body代码的最前面,因为搜索引擎的抓取就是从上而下来的,这样可以让H1标签强调的关键词最快被发现。
6、内容页H1标签一般都是用在内容的大标题,最好也是只用一次,不过有很多内容页也用了2次,一次用在LOGO或出现在网页最前面的主关键词,一次用在内容的大标题上。如果最前面没有主要的关键词,建议最好还是只用在大标题上一次。
7、网页H标签使用方法,当不想将H1标签用在LOGO上并且网页主要的关键词在后面的时候,如果还是想加H1标签并且想H1标签的关键词靠前,可以利用DIV+CSS布局来调整主关键词的位置,这样也不会影响页面效果。
- 上一篇: 自适应设计:自适应图片的完整教程
- 下一篇: 爬虫批量获取图片的思路与方法
猜你喜欢
- 2025-01-07 8个移动端适配技巧,兼容性问题减少90%
- 2025-01-07 测试开发如何快速上手Vue前端开发(下)
- 2025-01-07 WordPress 6.2 引进了速度更快的 HTML 处理 API
- 2025-01-07 5分钟看懂独立站SEO新手指南(下)
- 2025-01-07 是什么组成了html?html组成元素有哪些?
- 2025-01-07 爬虫批量获取图片的思路与方法
- 2025-01-07 自适应设计:自适应图片的完整教程
- 2025-01-07 「转行测试开发-HTML」(六)---div和span、图像标签的使用
- 2025-01-07 企业SEO网站优化方案流程
- 2025-01-07 JSP页面实现验证码校验
- 最近发表
-
- 表格存储 SQL 查询多元索引(表格存储 sql 查询多元索引的方法)
- 数据库教程-SQL Server多条件模糊查询
- Twitch宣布放弃Flash并逐步转型至HTML5平台
- 移动平台最强播放器MX Player:终于支持安卓5.0了!
- win10 NFS+黑群晖远程加载管理Windows文件夹(读写NTFS格式+高清播放器)
- Android端VLC 3.3版本发布,重新设计播放器界面
- 不仅仅被苹果封杀!Youtube宣布迁移Flash
- 揭开网站背后的魔法:B/S系统原来这么简单!
- Adobe Animate (An) 2020网页设计软件下载和安装教程
- Adobe发布“巨量”安全更新:遏制Flash“祸害”Linux
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)