会员登录 | 会员注册 | 意见建议 | 网站地图

站长资源综合门户

当前位置:首页 > 搜索引擎 > DIV+CSS网页布局中兼顾SEO优化的一些建议

DIV+CSS网页布局中兼顾SEO优化的一些建议

时间:2011-08-13 12:49:41   作者:   来源:   点击:

DIV+CSS现在已经被广泛的使用,它是什么呢?DIV+CSS是网页的布局技术,它能够使网页的加载速度更快,并且使搜索引擎更加的友好,它的表现与内容进行分离,网页文件放在一个文件里,而样式放在一个文件里面,从而使网页的体积更加的小巧,加载速度更快,更加符合搜索引擎收录规则,下面谈谈DIV+CSS对于SEO的一些使用建议。

一、首先要做好页面的框架分析

网站的框架就像人的骨骼一样,我们要让他整齐清晰,访客进行来第一眼,就会被你的整个框架的布局所吸引,访客看着舒服,自然会使访客第二次在到我们的网站来。

二、整合网站所有版块 进行细节调节

在我们做好网页的框架之后,就可以分别的对每一个版块进行细节上的美化以及处理,最后在统一整合好之后,整个网页就出来了。

我们可以利用div来对页面的每一个版块进行标记,要确认好每一个版块之间的关系以及前后的排列结构,还有就是,在写div的时候不要忘记了加上注释,这样也利于后面的调试过程中,能够快速找到对应的版块。

接下来我们就可以利用CSS样式表来给每一个版块进行细致的美化,我们可以根据你已经有的页面整体设计图来进行。

CSS样式表要进行统一的规划,我们可以先分析出,网页中都需要哪些属性,而别的页面中又需要用到哪些样式,有哪些样式可以用共同的一个CSS样式等等,以及样式的名称以及属性的简写等,这些都要先分析出来,这样才能够提高工作效率,也能够更加的利于SEO。

如果页面的整体效果已经差不多了后,我们就可以进入后期的细微调整了,比如说,你的版块之见的间隙(padding或margin)不一致或者是你的定位有些大了,或者是图片切的不理想等等。

在制作页面的时候要考虑网站在各个浏览器之间的兼容性

我们在家都遇到过这样的事情,比如说,我用过火狐浏览器,经常就会碰到浏览的网页的布局乱乱的,都是错位的,这种情况就是网页不兼容火狐浏览器而导致的,这个问题搜索引擎虽然看不到,但是,用户体验却是大大的减少了,所以说,在制作页面的时候,我们就得考虑到这个问题,每写一样样式就要进行测试,测试工具大家可以到我的网站首页 站长常用工具中找到 IE Tester 这个工具能够在多个浏览器中进行网页的效果测试,包含IE6 7 8,火狐浏览器大家可以自己下载一个到本地测试即可。

分享到:

阅读此篇文章的网友还阅读了:

无相关信息

网友评论