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

今天和大家来聊下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

时间: 2024-08-24 15:44:03

h1、h2、h3标签及strong标签对页面seo的影响的相关文章

Web前端开发如何利用css样式来控制Html中的h1/h2/h3标签不换行

  H1/H2/H3/H4标题标签常常使用在一个网页中唯一标题.重要栏目.重要标题等情形下. H1在一个网页中最好只使用一次,如对一个网页唯一标题使用.H2.H3.H4标签则可以在一个网页中多次出现,但必要随意添加或添加过度. 在Web前端开发中,经常要使用H1标签对关键字进行优化,可是如果是一行文字中的某个词加上了H1标记,就会换行.可以使用下面的方法,H标签就不会强制换行了.Css控制为一行文字中某个字加上<h2>标签不换行,display:inline; 解释为:内联对象的默认值.用该值

[ jquery 选择器 :header ] 此方法选取匹配如 h1, h2, h3之类的标题元素

此方法选取匹配如 h1, h2, h3之类的标题元素 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keywor

博客园自定义样式(标题 h1 h2 h3)

h1 h2 h3 样式 /*标题h1 h2 h3样式*/ #cnblogs_post_body { color: black; font: 0.875em/1.5em"微软雅黑", "PTSans", "Arial", sans-serif; font-size: 16px; } #cnblogs_post_body h1 { background: #2B6695; border-radius: 6px 6px 6px 6px; box-sha

&lt;em&gt;标签与&lt;strong&gt;标签区别

<em>标签与<strong>标签区别 <em> 标签告诉浏览器把其中的文本表示为强调的内容.把这段文字用斜体来显示. 尽 管现在 <em> 标签修饰的内容都是用斜体字来显示,但这些内容也具有更广泛的含义,将来的某一天,浏览器也可能会使用其他的特殊效果来显示强调的文本.如果只想使用斜体 字来显示文本的话,请使用 <i> 标签.除此之外,文档中还可以包括用来改变文本显示的级联样式定义. 除强调之外,当引入新的术语或在引用特定类型的术语或概念时作为固

HTML——b i del a p img h1 h2 h3 h4 h5 h6 hr ol ul 标签的使用方法详解

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- b标签 i标签 del标签的包裹大小就是他所引用的文字的大小(简单包裹)但是 p标签的长度就是整行(复杂包裹),所以可以居中style="text-align:center" -->

html中&lt;b&gt;标签和&lt;Strong&gt;标签的区别

关于html标签中b和strong两个的区别,我也是今早上才注意的,以前都是混着用的,早上看书的时候才注意到这两个标签的区别. 用在网页上,默认情况下它们起的均是加粗字体的作用,二者所不同的是,<b>标签是一个实体标签,它所包围的字符将被设为bold(粗体), 而<strong>标签是一个逻辑标签,它的作用是加强字符的语气,一般来说,加强字符的语气是通过将字符变为bold(粗体)来实现的. 简单的说strong是web标准中xhtml的标签,strong的意思是“强调”:b是htm

HTML b标签和strong标签的区别

盲人朋友使用阅读设备阅读网络时:<strong>会重读,<B>不会 从网站优化方面分析,最主要的区别应该是<strong> XX</strong>内的内容比起<b>XX</b>的内容应该更容易被网络蜘蛛抓取,也就是更容易使网站被用户搜索到 两者虽然在网页中显示效果一样,但实际目的不同.<b>这个标签对应 bold,即文本加粗,其目的仅仅是为了加粗显示文本,是一种样式/风格需求:<strong>这个标签意思是加强

什么是H标签?H1,H2,H3标签?以及和strong标签使用的方法及重要性

大家都知道,seo的一个很重要的一点就是要把网站做的条理清晰,让搜索引擎很容易的读明白,这个条理清晰不仅体现在网站的物理路径,url等地 方.在<h1><h2><h3>等方面也是这样.并不是<h1>对于关键字排名有帮助,那么在什么有关键词出现的地方我都用<h1>,那么用多了,第一, 有可能会被认为优化过度,第二,到处都是<h1>,你怎么才能让搜索引擎知道哪里才是最重要的呢?稀释了<h1>的作用. 根据w3cschool.c

为zblog FCKeditor编辑器添加设置字体格式h1 h2功能

FCKeditor编辑器能满足基本的文章编辑要求,且使用起来并不复杂,所以FCKeditor的用户比较多,例如dedecms的编辑器便是FCKeditor,zblog的默认编辑器也是FCKeditor,不过用了dedecms的编辑器才知道,zblog的编辑器像是阉割版的FCKeditor,因为工具条上有许多标签都没有显示,例如字体格式.锚链接等等.本文讲的便是如何为zblog FCKeditor编辑器添加字体格式. 字体格式是什么? 如果你还不了解何谓字体格式,那么你总听说过h1.h2.h3..