文档章节

h1、h2、h3标签及strong标签对页面seo的影响

数通畅联
 数通畅联
发布于 2016/12/05 20:32
字数 1278
阅读 10
收藏 0
点赞 0
评论 0

今天和大家来聊下h1,h2,h3,strong几个标签,在网页中的使用对页面seo的影响,也阐述了个人的一些想法。

首先简要讲下H标签及strong标签的含义:<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,作为标题使用,h1是最大的标题,h6标签是最小的标题,在使用h标签过程中应该是完整有序没有断层的。例如:h1、h2、h3、h4这样的顺序,象h1、h3、h4就漏掉h2。一个结构良好的网页,h标签可以组织起一个网页的大纲。strong标签是起到强调局部意思,同样可以强调一个架构关系。

然后,我们看下seo对于页面的要求中,有一点很重要的就是网站的架构条理够清晰,让搜索引擎很容易的都明白,而不是乱七八糟的代码布局,这个条理不仅体现在网站的物理路径、url上,并且在H及相关标签中也有所体现。当然h对于关键字排名有帮助,只是对于网页优化,对于蜘蛛手抓取起了帮组。这里有些人就问了,我是不是H标签用的越多越好。不然,用多了反而会降低页面的权值,搜索引擎有可能认为你作假,下面具体介绍下H标签的用法及技巧:

大家都知道,每个页面有个<title>标签,它标明了一个页面的主题,而仅次于title标签的就是h1标签,然后是h2,可以得到的标签权重为:title > h1 > h2 >···> h6 >strong;既然h标签是标题的意思,它肯定是围绕页面主题而来的,相应的我们可以把h1、h2、h3当做页面的一级标题、二级标题及三级标题。。下面看一个实例:

<html>
<title>Unvs技术博客</title>
<body>
<h1>C#技术</h1>
<p> 文字</p>
<h2>asp技术</h2>
<p>asp技术文字说明</p>
<h2>net技术</h2>
<p> net技术文字说明</p>
<h3>asp的属性特点</h3>
<p> 属性特点文字</p>
<h3>asp的语法格式</h3>
<p>语法文字介绍</p>
<h1>SQL技术</h1>
<p> SQL文字介绍</p>
</body>
</html>

解释下:

Unvs技术博客为页面的一个主题

C#技术是主题的一个分支,即是主题的一块,用H1标签;

asp技术是C#技术标签主题下的一块,用H2标签;

asp的属性特点是从属于asp技术的属性特点,用H3标签;

相信大家一看便明白了(特意用颜色区分了层次关系)

上面简要介绍了H标签的用法,下面说下使用的技巧和改注意的地方:

1、H1标签一个页面最多使用一个

虽然H1标签是对一个页面内容最强的标题属性,但一个页面所表达的主题越少越好,这个意思就不多阐述了,如果用多了,一个会冲淡主题,二个易被搜索引擎当做欺骗。

2、灵活使用H标签及strong标签

对H标签,传统理解为:h1定义网站标题,h2定义文章标题,h3定义文章子标题。对strong标签,是为文字加粗,同样含有加重此文字的意思,一般也是对于标题。但现实中并非都这般硬套,因网站类型的不同,具体页面功能不同,网站优化的方法也不一样,需要灵活地运用h标签,总之,要使得网页有个好的布局及架构,条理清晰。

3、文章内容页标题用H1标签

对于内容详细页,如果想起到好的优化效果,能在标题上加个H1标签最好,更加突出页面主题。

4、H系列标签的使用原则

一个要突出当前页面最核心的主题。

一个要体现出整个站点的层次架构。

说了这么多,我也分享一个页面H标签使用方法:(注:网站首页)

  • 头部logo一个H3标签
  • 下面权重一样大的栏目标题,用一个H3标签
  • 如果想体现页面主题的栏目,可以用一个H2标签
  • 如果有一栏权值在网页中很重,例如博客的最近博文列表,可以使用H2、H3、H4分别标注这块的上、中、下,这样加重了这块的一个层次关系
  • 页脚用一个大的H3标签
  • 首页我并没有使用H1标签,是因为我想让Title标签起决定作用,不想用H1减少title标签的作用

上面是个人分享的一个H标签布局方法,欢迎拍砖,使用方法各种各样,只要好的做到了H标签的使用原则,没有滥用标签,那么你的标签布局就是合理的。

作者: unvs  原文网址:http://blog.unvs.cn/archives/h3-tags-seo.html

本文转载自:http://blog.unvs.cn/archives/h3-tags-seo.html

共有 人打赏支持
数通畅联
粉丝 83
博文 203
码字总数 195353
作品 6
沈阳
架构师
HTML标签分析及详细解释

SEO(所搜引擎优化),在设计网页的时候也是要考虑比较多的内容,因为优化是要从基础开始做的。这样可以使网站更容易被搜索引擎“理解”,从而提高网站在搜索引擎的排名。网络上很多SEO研究人...

晨曦之光 ⋅ 2012/03/09 ⋅ 0

Html代码seo优化最佳布局实例讲解

Html代码seo优化最佳布局实例讲解 搜索引擎对html代码是非常优化的,所以html的优化是做好推广的第一步。一个符合seo规则的代码大体如下界面所示。 1、<!–木庄网络博客–> 这个东西是些页面...

MrBoyce ⋅ 05/15 ⋅ 0

css样式表---1

3.1.1 CSS概念 CSS全称是Cascading Style Sheet,翻译成中文叫层叠样式表。它是一种标记性语言,配合HTML语言进行页面外观控制。CSS技术诞生于1996年,早期由于缺乏浏览器支持,并没有引起人...

至简6 ⋅ 2014/08/11 ⋅ 0

HTML、CSS、Javascript基础及规范

百度JavaScript/HTML/CSS编码规范: JavaScript: http://gitlab.baidu.com/fe/spec/blob/master/javascript.md HTML: http://gitlab.baidu.com/fe/spec/blob/master/html.md CSS: http:/......

页疑 ⋅ 2014/09/19 ⋅ 0

这样去写你的 HTML.

昨天在 twitter 上说,怎么忍心把页面写得这么难用?是的,这个世界还有一群人等着我们创建出来的东西,可以让他们的生活能过得更容易呢。比如那些需要读屏软件的用户。作为一个前端,我们又...

被风遗忘 ⋅ 2012/04/07 ⋅ 1

一周一章前端书·第13周:《HTML与CSS进阶教程》S01E02

第2章 语义化 2.1 语义化简介 HTML的精髓在于标签的语义。大部分标签都有它自身的语义,比如标签,表示paragraph,一个段落;,表示header level 1,一级标题。 前端的三大核心技术HTML、CSS...

梁同学de自言自语 ⋅ 01/13 ⋅ 0

如何修改WP主题优化SEO效果

现在有越来越多的SEO主题发布,寻找一款SEO优化过的主题并不是件难事,只需要百度或者google下。很多人为了更好地提高百度收录,而选择使用一些所谓的SEO主题,其实并没有必要抛弃自己心爱的...

jzoy ⋅ 2012/02/22 ⋅ 0

SEO关键词策略

seo关键词策略 选择关键词的六大技巧 列出在整个行业内自己知道或者心中所想的所有关键词,最少列30个 分析竞争对手的网站,看都用了哪些关键词 咨询周围的朋友平时在搜索相关产品的时候会使...

发骚的小逗比 ⋅ 2016/05/05 ⋅ 0

CSS初始化代码_已迁移

为什么要初始化CSS? https://my.oschina.net/Majw/blog/edit/752586 CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不尽相同,所以开发时的第一件事可能就是如何把它们统一。如...

鬼谷子灬 ⋅ 2016/09/28 ⋅ 0

Bootstrap不同级别标题

Bootstrap和普通的HTML页面一样,定义标题都是使用标签<h1>到<h6>,只不过Bootstrap覆盖了其默认的样式,使用其在所有浏览器下显示的效果一样,具体定义的规则可以如下表所示: 通过比较可以发...

9秒教育 ⋅ 2015/11/27 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Gitee 生成并部署SSH key

1.如何生成ssh公钥 你可以按如下命令来生成 sshkey: ssh-keygen -t rsa -C "xxxxx@xxxxx.com" # Generating public/private rsa key pair...# 三次回车即可生成 ssh key 查看你的 ...

晨猫 ⋅ 49分钟前 ⋅ 0

zblog2.3版本的asp系统是否可以超越卢松松博客的流量[图]

最近访问zblog官网,发现zlbog-asp2.3版本已经进入测试阶段了,虽然正式版还没有发布,想必也不久了。那么作为aps纵横江湖十多年的今天,blog2.2版本应该已经成熟了,为什么还要发布这个2.3...

原创小博客 ⋅ 今天 ⋅ 0

聊聊spring cloud的HystrixCircuitBreakerConfiguration

序 本文主要研究一下spring cloud的HystrixCircuitBreakerConfiguration HystrixCircuitBreakerConfiguration spring-cloud-netflix-core-2.0.0.RELEASE-sources.jar!/org/springframework/......

go4it ⋅ 今天 ⋅ 0

二分查找

二分查找,也称折半查找、二分搜索,是一种在有序数组中查找某一特定元素的搜索算法。搜素过程从数组的中间元素开始,如果中间元素正好是要查找的元素,则搜素过程结束;如果某一特定元素大于...

人觉非常君 ⋅ 今天 ⋅ 0

VS中使用X64汇编

需要注意的是,在X86项目中,可以使用__asm{}来嵌入汇编代码,但是在X64项目中,再也不能使用__asm{}来编写嵌入式汇编程序了,必须使用专门的.asm汇编文件来编写相应的汇编代码,然后在其它地...

simpower ⋅ 今天 ⋅ 0

ThreadPoolExecutor

ThreadPoolExecutor public ThreadPoolExecutor(int corePoolSize, int maximumPoolSize, long keepAliveTime, ......

4rnold ⋅ 昨天 ⋅ 0

Java正无穷大、负无穷大以及NaN

问题来源:用Java代码写了一个计算公式,包含除法和对数和取反,在页面上出现了-infinity,不知道这是什么问题,网上找答案才明白意思是负的无穷大。 思考:为什么会出现这种情况呢?这是哪里...

young_chen ⋅ 昨天 ⋅ 0

前台对中文编码,后台解码

前台:encodeURI(sbzt) 后台:String param = URLDecoder.decode(sbzt,"UTF-8");

west_coast ⋅ 昨天 ⋅ 0

实验楼—MySQL基础课程-挑战3实验报告

按照文档要求创建数据库 sudo sercice mysql startwget http://labfile.oss.aliyuncs.com/courses/9/createdb2.sqlvim /home/shiyanlou/createdb2.sql#查看下数据库代码 代码创建了grade......

zhangjin7 ⋅ 昨天 ⋅ 0

一起读书《深入浅出nodejs》-node模块机制

node 模块机制 前言 说到node,就不免得提到JavaScript。JavaScript自诞生以来,经历了工具类库、组件库、前端框架、前端应用的变迁。通过无数开发人员的努力,JavaScript不断被类聚和抽象,...

小草先森 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部