z-blog三栏主题的优化-顺便求助
[url=http://www.bardseo.com/][color=#810081]SEO博客[/color][/url]在前一段时间曾为Bard自己的生日做了一个简洁的三栏主题，当然就是目前正在使用的这个。 这个三栏主题Bard在做的时候只用了一天的时间，而且一天内把广告什么的全部都加好了，因此当初除了内部链接策略外没有十分注重SEO[url=http://www.bardseo.com/][color=#810081]搜索引擎优化[/color][/url]，这对使用者来说是十分不友好的，因此在Bard来北京求职并且尚未有人要的时候，对自己的博客适当[url=http://www.bardseo.com/][color=#810081]SEO[/color][/url]，各位使用三栏主题的先生可以参考一下Bard的优化方法，对Bard做的不够好的地方予以指点。1、将主体部分的代码前移
首先这个主题主题部分的三个部分分别是#Divsidebar、#Divmain、#DivHeadlines，（PS：不管这三个名称是不是符合规范，当初Bard为了方便修改，暂时这么写的。），并且上面依次是#DivnrvBar、#DivTop，下面是#DivBottom。除此之外，这些DIV元素的最顶层被#Divmiddle、#DivPage包裹，简图如下：
[img]http://www.bardseo.com/upload/2008/4/200804261920164411.jpg[/img]
如上图所示，由于Divsidebar元素在主体部分的前面，因此这将文章主体部分的内容大大推后，使页面不能够突出文章，因此搜索引擎对其的友好度会大大降低，并影响排名，这个时候，我们应该想到：如果把Divsidebar这部分内容放到后面，而又不影响页面的布局就好了。就在这个时候，我们应当可以想到Div元素的绝对定位：position属性！
对，主体部分我们可以将代码顺序任意写，而只需要设定#Divsidebar、#Divmain、#DivHeadlines这三个Div元素的绝对定位即可，例如我们可以在bardseo.css中将这三句代码这样修改：
#divSidebar{
float: left;
width: 21%;
margin: 0px;
padding: 0px 0 10px 0;
background-color: #EAFAFD;
border-right: 1px solid #cccccc;
}
#divMain{
float: lfet;
width: 54%;
padding: 10px 0 0 10px;
}
#divHeadlines{
float:right;
width: 21%;
background-color: #EAFAFD;
border-left: 1px solid #cccccc;
padding-right: 0px;
}
修改为
#divSidebar{
float: left;
width: 21%;
margin: 0px;
padding: 0px 0 10px 0;
position: absolute;
left: 0;
top: 141px;
background-color: #EAFAFD;
border-right: 1px solid #cccccc;
}
#divMain{
float: lfet;
width: 54%;
margin: 0 0 0 23%;
padding: 10px 0 0 10px;
}
#divHeadlines{
float:right;
width: 21%;
background-color: #EAFAFD;
position: absolute;
top: 141px;
right: 0;
border-left: 1px solid #cccccc;
padding-right: 0px;
}
与此同时，这种做法将会导致一个比较不好的结果，那就是底部版权声明部分的东西仅仅跟在主体，也就是说，当主体部分内容不够多，高度比较矮的时候，版权声明部分就比较靠前的位置，这也是Bard需要高手指点的地方。
期待您的回答！
PS：如果北京有哪个公司招[url=http://www.bardseo.com/][color=#810081]SEO[/color][/url]的，有兴趣可以看一下俺的[url=http://www.bardseo.com/post/gerenjianli.html][color=#0000ff]个人简历[/color][/url]，如果您觉得这是浪费您的时间，请查看本博的其他相关文章：[url=http://www.bardseo.com/post/167.html][color=#0000ff]SEO面试技巧全攻略[/color][/url]；[url=http://www.bardseo.com/post/158.html][color=#0000ff]第二届SEO大赛：tibetisxizang[/color][/url] AD;) 帮你顶哈，我也不是很懂，我的博客界面风格可是能换的 继续求助啊
页:
[1]