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

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

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

      H1/H2/H3/H4标题标签常常使用在一个网页中唯一标题.重要栏目.重要标题等情形下. H1在一个网页中最好只使用一次,如对一个网页唯一标题使用.H2.H3.H4标签则可以在一个网页中多次出现, ...

  2. em标签和strong标签的区别

    今天模拟面试,第一个问题就是这个,然后我回答说就是表示强调,然后老师说还有吗,我说不知道了,然后,就没有然后了... 第一个层次的区别: <em>标签是告诉浏览器把其中的文本表示为强调的内 ...

  3. 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> ...

  4. html中<b>标签和<Strong>标签的区别

    关于html标签中b和strong两个的区别,我也是今早上才注意的,以前都是混着用的,早上看书的时候才注意到这两个标签的区别. 用在网页上,默认情况下它们起的均是加粗字体的作用,二者所不同的是,< ...

  5. 什么是H标签？H1，H2，H3标签？以及和strong标签使用的方法及重要性

    大家都知道,seo的一个很重要的一点就是要把网站做的条理清晰,让搜索引擎很容易的读明白,这个条理清晰不仅体现在网站的物理路径,url等地 方.在<h1><h2><h3&g ...

  6. SEO之H1，H2，H3，H4....STRONG使用方法

    作为一个SEO从业人员,我们不仅仅是要懂得如何通过网站内容和外链等SEO手段,其实一个优秀的SEOER在从事一个SEO案例时,首先着手的是如何从网站程序本身来打好网站SEO基础. 在平时和很多朋友的交 ...

  7. <b>和<strong>标签区别

    简单说, strong是web标准中xhtml的标签,加强语气,起强调作用(默认是采用加粗来实现强调),逻辑标签: b 是html的,bold粗体. web标准主张xhtml不涉及具体的表现形式,“强 ...

  8. <i>和<em>、<b>和<strong>标签的区别

    在HTML4.01中:< b > < i > 是视觉要素(presentationl elements),分别表示无意义的加粗,无意义的斜体,仅仅表示样式上是粗体或斜体,而没有 ...

  9. 使H1 H2等标签不换行

    在网页优化中,经常要使用H标签对关键字进行优化, 可是如果是一行文字中的某个词加上了H1标记,就会换行. 可以使用下面的方法,H标签就不会强制换行了. <style type="tex ...

随机推荐

  1. Android数据加密之Base64编码算法

    前言: 前面学习总结了平时开发中遇见的各种数据加密方式,最终都会对加密后的二进制数据进行Base64编码,起到一种二次加密的效果,其实呢Base64从严格意义上来说的话不是一种加密算法,而是一种编码算 ...

  2. SVD奇异值分解的基本原理和运用

    SVD奇异值分解: SVD是一种可靠的正交矩阵分解法.可以把A矩阵分解成U,∑,VT三个矩阵相乘的形式.(Svd(A)=[U*∑*VT],A不必是方阵,U,VT必定是正交阵,S是对角阵<以奇异值 ...

  3. C#——传值参数(2)

    //我的C#是跟着猛哥(刘铁猛)(算是我的正式老师)<C#语言入门详解>学习的,微信上猛哥也给我讲解了一些不懂得地方,对于我来说简直是一笔巨额财富,难得良师! 这次与大家共同学习C#中的 ...

  4. DevOps对于企业IT的价值

    其实从敏捷延展开的 DevOps 概念很早就已经被提出,不过由于配套的技术成熟度水平层次不齐, DevOps 的价值一直没有有效地发挥出来.现如今,随着容器技术的发展, DevOps 在企业中的实践难 ...

  5. SQL面试笔试经典题(Part 1)

    本文是在Cat Qi的原贴的基础之上,经本人逐题分别在MySql数据库中实现的笔记,持续更新... 参考原贴:http://www.cnblogs.com/qixuejia/p/3637735.htm ...

  6. GO 基础（一）

    Go语言基础工程目录如下(采用LiteIDE): 备注:需要提前设置GOPATH,即工作目录,bin.pkg.src为默认的GO工程目录结构.GOPATH可以支持多个,在windows下配置在环境变量 ...

  7. DIP原则、IoC以及DI

    一.DIP原则 高层模块不应该依赖于底层模块,二者都应该依赖于抽象. 抽象不应该依赖于细节,细节应该依赖于抽象. 该原则理解起来稍微有点抽象,我们可以将该原则通俗的理解为:"依赖于抽象&qu ...

  8. 吸顶大法 -- UWP中的工具栏吸顶的实现方式之一

    如果一个页面中有很长的列表/内容,很多应用都会在用户向下滚动时隐藏页面的头,给用户留出更多的阅读空间,同时提供一个方便的吸顶工具栏,比如淘宝中的店铺页面. 下面是一个比较简单的实现,如果有同学有更好的 ...

  9. 用java开发微信公众号：公众号接入和access_token管理（二）

    本文为原创,原始地址为http://www.cnblogs.com/fengzheng/p/5027630.html 上一篇说了微信开发的准备工作,准备工作完成之后,就要开始步入正题了.其实微信公众号 ...

  10. ABP(现代ASP.NET样板开发框架)系列之20、ABP展现层——动态生成WebApi

    点这里进入ABP系列文章总目录 ABP(现代ASP.NET样板开发框架)系列之20.ABP展现层——动态生成WebApi ABP是“ASP.NET Boilerplate Project (ASP.N ...