最近在美化萧涵的主题时,无意中发现文章页面中的h1标签不符合SEO规则的HTML代码。

首先我们看下,什么是符合SEO规则的HTML代码,下面引用萧涵的”符合SEO规则的HTML代码规范分享“文中的一段文字:

符合SEO规则的HTML代码:

********************

1、<!–页面注释解–>

2、

3、

4、网页标题

5、

6、

7、

8、

9、

10、

11、

12、

13、

页面内容标题

14、

页面相关性标题

15、

标题系列

16、

标题系列

17、

标题系列

18、

标题系列

19、”图片说明”

20、链接词

21、重点关键词强调

22、关键词强调关键词强调关键词强调

23、

25、

26、版权部分关键词强调

27、

28、

29、

********************

注:在..标签区中的罗列,都是一些基础的HTML标签,这些标签出现的次序是可以变化的。

萧涵主题文章页面的代码分析:

在文章页面中,萧涵主题xiaohan v3.0中的h1标签给了秦天SEO博客的标题,这样就会让文章标题的权重下降,因为文章页面中,文章标题才是重点,更应该让搜索引擎知道!

原萧涵主题xiaohan v3.0中的h1标签:

秦天博客-分享SEO,网络维护,IT动态,绿色软件和影视娱乐

萧涵主题xiaohan v3.0修改后的h1标签:

” rel=”bookmark”>XiaoHan主题修改,符合SEO规则的HTML

 

文章页面h1标签修改:

用editplus打开萧涵主题xiaohan v3.0中的header.php文件

取消网站标题的h1标签

找到如下代码

将这些代码修改为:

/”>”秦天SEO博客”

秦天SEO博客(TSKY.CC),分享SEO,专注系统维护、网络维护、ERP管理、网站优化、推广、运营。

给文章标题加上h1标签:

找到single.php中的

”><?php the_title(); ?>

,将h2,替换为h1即可。

最后给style.css加入样式

并将如下代码,加入到style.css,替换原有的代码

#content h1 {font-size:20px;}

#content h2 {font-size:18px;}

#content h3 {font-size:16px;}

#content h4 {font-size:14px;}

form, embed {display: inline;margin: 0;padding: 0;}

#wrap{width:960px;margin:auto;padding:0;background:#fff url(images/right.gif) 700px top repeat-y;table-layout:fixed;overflow:hidden;}

#header{width:960px;margin:auto;background:#fff url(images/bg.gif) top no-repeat;height:151px;overflow:hidden;}

#top{width:960px;height:115px;overflow:hidden;}

#logo{float:left;width:460px;overflow:hidden;}

#logo img{float:left;height:108px;width:187px;margin-right:20px;}

#logo p{float:left;padding-top:40px;color:#ccc;width:270px;}

#top .banner{float:right;width:450px;padding-top:27px;}

总结

至此已经将网站标题的h1标签改为文章页面的h1标签了,萧涵先如今已经将xiaohan3.0升级到了3.2,用户体验度上升不少,符合SEO规则的HTML也改善了不少,在等不及萧涵发布xiaohan3.2主题的朋友们,可以通过firefox的firebug来模仿一个出来。当然希望萧涵早日放出新版本的xiaohan3.0主题