最近在美化萧涵的主题时,无意中发现文章页面中的h1标签不符合SEO规则的HTML代码。
首先我们看下,什么是符合SEO规则的HTML代码,下面引用萧涵的”符合SEO规则的HTML代码规范分享“文中的一段文字:
符合SEO规则的HTML代码:
********************
1、<!–页面注释解–>
2、
3、
4、
网页标题 5、
6、
7、
8、
9、
10、
11、
12、
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博客(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主题
Author: tsky
Link: http://tsky.cc/post/change-xiaohan-theme-for-seo.html
本文采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可