文档章节

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

数通畅联
 数通畅联
发布于 2016/12/05 20:32
字数 1278
阅读 12
收藏 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

共有 人打赏支持
数通畅联
粉丝 90
博文 203
码字总数 195353
作品 6
沈阳
架构师
私信 提问
Html代码seo优化最佳布局实例讲解

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

MrBoyce
05/15
0
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
0
如何修改WP主题优化SEO效果

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

jzoy
2012/02/22
0
0
一周一章前端书·第13周:《HTML与CSS进阶教程》S01E02

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

梁同学de自言自语
01/13
0
0
Bootstrap不同级别标题

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

9秒教育
2015/11/27
672
0

没有更多内容

加载失败,请刷新页面

加载更多

寻找数学的广度——《这才是数学》读书笔记2700字

寻找数学的广度——《这才是数学》读书笔记2700字: 文|程哲。数学学习方式之广:国内外数学教育方面的专家,进行了很多种不同的数学学习方式尝试,如数学绘本、数学游戏、数学实验、数学步道...

原创小博客
19分钟前
5
0
vimrc

set rtp+=/usr/local/lib/python3.7/site-packages/powerline/bindings/vim/set laststatus=2set t_Co=256set cursorlinehi cursorline cterm=none term=nonehighlight CursorLine gui......

kut
21分钟前
2
0
ubuntu常用操作

显卡GPU 查看显卡信息sudo lshw -numeric -class video# 查看显卡型号lspci | grep -i nvidia# 查看驱动版本sudo dpkg --list | grep nvidia-*或者 ubuntu-drivers devices#查看显卡...

hc321
昨天
2
0
mysql密码重置

方法一: 在my.ini的[mysqld]字段加入: skip-grant-tables 重启mysql服务,这时的mysql不需要密码即可登录数据库 然后进入mysql mysql>use mysql; mysql>更新 update user set password=pas...

architect刘源源
昨天
7
1
SpringBoot + Mybatis 配置多数据源(Srping boot 二)

前置条件,你已经配置好spring boot+mybatis,可以参考之前的博客 实现逻辑通过注解+aop切面编程来动态更新datasource 第一步,配置多个DataSource server: port: 8080freezing: ...

小海bug
昨天
15
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部