SEO博客

搜索引擎优化博客,关注网络营销和电子商务的SEO博客,搜集一些网站搜索引擎优化、SEO博客推广等方面的资料

这篇文章的位置:SEO博客>搜索引擎优化>z-blog三栏主题的优化-顺便求助




« SEO面试技巧全攻略关于Google排名的一些推测 »

z-blog三栏主题的优化-顺便求助

    SEO博客在前一段时间曾为Bard自己的生日做了一个简洁的三栏主题,当然就是目前正在使用的这个。

    这个三栏主题Bard在做的时候只用了一天的时间,而且一天内把广告什么的全部都加好了,因此当初除了内部链接策略外没有十分注重SEO搜索引擎优化,这对使用者来说是十分不友好的,因此在Bard来北京求职并且尚未有人要的时候,对自己的博客适当SEO,各位使用三栏主题的先生可以参考一下Bard的优化方法,对Bard做的不够好的地方予以指点。

1、将主体部分的代码前移

    首先这个主题主题部分的三个部分分别是#Divsidebar、#Divmain、#DivHeadlines,(PS:不管这三个名称是不是符合规范,当初Bard为了方便修改,暂时这么写的。),并且上面依次是#DivnrvBar、#DivTop,下面是#DivBottom。除此之外,这些DIV元素的最顶层被#Divmiddle、#DivPage包裹,简图如下:


 

如上图所示,由于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:如果北京有哪个公司招SEO的,有兴趣可以看一下俺的个人简历,如果您觉得这是浪费您的时间,请查看本博的其他相关文章:SEO面试技巧全攻略第二届SEO大赛:tibetisxizang
 


本文Bard'SEO博客原创并发布,【转载须注明出处】
原文地址:http://www.bardseo.com/seo-Search-Engine-Optimization/2008/04/26/168/


将这篇文章添加到:QQ书签| 百度搜藏| 365Key| 天极网摘| 收客网| 就喜欢| 我摘


复制文章地址,推荐给你的QQ/旺旺/MSN/hi 好友



中“z-blog三栏主题的优化-顺便求助”的相关内容
中“z-blog三栏主题的优化-顺便求助”的相关内容
中“z-blog三栏主题的优化-顺便求助”的相关内容


发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表