H1标签用法浅析

　　大家好，本人前段时间开了个软件信息的小站——软件巴巴，大概有半年多了吧，SEO方面一直很不理想。上周一怒之下，花了一周时间，恶补了一下有关SEO优化的知识，对全站进行了优化，也积累了那么一点点心得，很想跟大家分享一下。

　　今天咱们先说说H1标签的用法。

　　搜索引擎很关注页面中的H1标签，这是大家都知道的事，也是SEO的一个优化要点。

　　从原理上讲，根据w3cschool.com的解析，H1 - H6 标签可定义级别不同的标题，其中，H1标签定义最大的标题，而H6标签则定义最小的标题。

　　合理的使用H1标签，可以选择恰当的标签层级来构建页面文档的组成结构。

　　从SEO的角度说，经过SEO优化后网页，其代码中是绝对少不了H1标签的，因为其使用价值几乎等同于TITLE标题。也就是说，搜索引擎对于标记了H1的文字给予的权重会比页面内任何其它文字的都要高得多。如果非要分出权重的高低，那么，TITLE无疑是页面中权重最高的，紧接着就是H1标签。

　　在这里要强调一点，H1标签绝不可多次使用，每个页面仅一个就足够了，多了反而对SEO优化不利。H1 - H6标签可以使用2-6个不等。其中，H1是标签中的老大，领导地位不容撼动。也正因为如此，一个页面也就只允许出现一个H1标签。大家可以去看一下，在软件巴巴网的所有页面中，H1标签出现且仅出现一次，并且H1标签要尽量写在页面代码的最前面，越靠前越好。

　　H1在什么地方使用最多呢？自然是内容页文章的标题。基本的文章页面标题都是使用H1标签，这也是SEO留意最多的地方。下面是本人在H1标签应用中的几大原则：

　　虽然H1标签对SEO的作用很重要，但是其样式却是它很难直接应用在页面中。下面，简单说一下H1标签在实际应用中的技巧。

以下举例说明：

<h1>软件巴巴网<span></span></h1>
<style type="text/css">
h1{position:relative;width:xx;height:yy}
span{position:absolute;width:xx;height:yy;background-image:url(logo的地址)}
</style>

 

　　大家体会到代码的意思了吗？H1标签里包裹一个span标签。H1用相对定位然后把span标签根据它定位的父元素H1位置用绝对定位来对位，这样就看不到H1标签的字了但搜索引擎能识别到，而且这样用户体验更好。如果网站因网速原因加载不了logo图片时就会显示H1标签里的字。体会到H1标签对seo的妙用了吧！

　　在实际对软件巴巴的优化中，我还想到了另外一种解决方案。大家可以到软件巴巴的首页看一下，我把首页的H1标签处理成了页面最上部的一道装饰物，个人感觉还蛮新颖的。

　　当然了软件巴巴不建议每个页面都这样做，一般来说只需要网站首页应用此办法就可以了，在内容页中H1标签毫无疑问的应该是文章标题。

 

　　好了，这只是本人在对我的小站软件巴巴做SEO优化时的一点小心得，希望能对大家有点小小的帮助，欢迎拍砖共勉，哈哈 ：）