p2h.cn始于05年,最早由来自腾讯,网易的前开发工程师,曾经为美的,格兰仕,电信,陆虎等企业提供过高品质psd转html解决方案。累计300多个客户至今,超过1000多个项目。

专注前端技术,关注用户体验

【P2H观点】DIV/CSS/XHMLT布局有利于网站优化就在于CSS卓越的特点,它可以使网站结构和表现分离,而且不嵌套,可以有效的节省网站代码量,所以页面加载速度即网站打开速度就越快。我们都知道速度是影响网站SEO优化和网站排名很重要的一环。

div+css布局为什么有利于网站优化呢?

1、div css制作网站(wangzhan)遵循”网页结构、表现、行为分离,互不干涉抢功”理念,且不说SEO,其实按照这个理念建设起来的网站,网页打开速度会明显的加快。因为按照这个理念,网页将会分成html、css、js三种类型的文件,而css、js又是可以缓存的,所以浏览一个这样的网页其实就是下载html代码就行了,速度当然变快。

DIV CSS设计的网站是按照W3C标准的,如果一个站点完全是DIV CSS制作的,那么你网站的SEO(搜索引擎优化)工作已经完成了30!为什么会这么说?SEO其他方面在哪好

我们先看看SEO都做啥:

  1. 网页META标签会添加的比较齐全,如keywords、description、robots;
  2. 被搜索引擎抓取的内容,代码比较精简,非内容代码大大减少,文件小;
  3. 文本会比较靠前。几乎都在200字内就可以搜索到正文,重要内容;
  4. 不会出现表格那样多层嵌套的问题。

2、修饰性图片文本替换,js、flash文字图片还原有些网站为了追求炫眼效果,CSS切图采用了图片按钮,图片新闻flash切换,文本的js跑灯效果…这样大大将原本属于图片,文字链接的代码变成了搜索引擎读不懂的js代码、flash,或者是直接插入原本不是内容的修饰性图片替换了文字。如果这些刚好又包含了热门关键字,那么搜索收录量将损失很大。修饰性图片文本替换:就是说将不是内容而是修饰的图片变成底图显示,不干扰搜索引擎,让它忽略它。而有增加文字,之后使用CSS切图隐藏掉,这样也增加了可以搜索的文字。常见使用于logo,按钮,菜单。js、flash文字图片还原:这是我近来提出来的一个思路,还没有广泛给大家知道的方法(呵呵,大家接不接受还是个问题):将js,flash显示的内容转为html,之后使用js读取html,传递参数启动原来的效果、并且隐藏html,只是比原来增加了几个步骤。详细可以参考我写的文章:如何减少JS对搜索的负面影响。

3、W3C要求必须添加链接标签的title、图片标签的alt属性这样的话,所有的a标签都会规范的添加有title文本,img有alt文本。而不是等到要优化的时候临时的把几个含有关键字的链接(锚文本)添加上title,图片加好alt。css div不是为了SEO优化而添加title、alt,而是为了网页亲和力添加它们。

4、合理安排使用

文本加粗,斜体,下划线这是语义化标签都必须做到的一步。所以做到了DIV CSS制作,这个问题也会在css不知不觉中做到了。

5、网页标准可以随时将重要的内容调前,之后使用CSS制作重新定位。例如页面效果图中中间的文字比较重要,可以先把重要的内容放在左边的代码的前面,方便搜索引擎,之后使用css将它调会到效果图的位置。

6、网页标准提到的好处

  • 更少的代码和组件,容html易维护
  • 带宽要求降低(代码更简洁),成本降低。
  • 更容易被搜寻引擎搜索到
  • 改版方便,不需要变动页面内容
  • 提供打印版本而不需要复制内容
  • 提高网站易用性。

SEO的另一半工作是编辑,编程编辑涉及的工作有:频道栏目的设计、取名,页面的布局(关键词的位置安排),创建栏目时,录稿时,文件夹,CSS制作文件的取名;关键词管理,了解当前使用的关键词流行度,竞争度;专题、当前热门的关注;录稿时关键词的提炼、图片alt的插入习惯;与同类型网站的交流,交换链接…编程涉及的工作有:页面实现静态化;URL实现伪静态,使用re_write重写技术;本站系统搜索中关键词的搜索功能,实现网站各个页面的关键词网;维护服务器,稳定服务器。评论的广告过滤;自动将关键词加粗、添加含有title关键字的链接;避免网站过多死链接,提供死链接自动删除或修复功能;相关文章取文章链接格式:先是关键词相同的关连,二关键字与标题的关连,文章内容与关键词关连。…所以制作完成CSS DIV的网页后,你只是完成了30的SEO工作,还有另外70编辑,编程共同完成。其它的作弊,或者是刻意重复关键词,body之间代码的开始或结束增加关键词出现机会。

制作、编程是SEO的”打地基”没有好的制作,符合搜索优化的代码结构,那么无论编dedecms辑的水平怎么样,搜索引擎也不会有好效果。但也可以看到:”地基”打好以后,随着时间的增长,编辑的作用效果就会原来越明显,因为地基不需要经常变动的。一动就是伤筋骨的”大工程了”。

div css更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价ranking)。所以说辛苦的学习SEO,还不如来一次网站重构,使用CSS div做网站,布局好网站的xhtml、css、js,选好程序,那么剩下的工作就是编辑

扩展阅读:DIV/CSS/XHMLT在SEO方面的影响

代码精简使用DIV CSS布局,页面(yemian)代码精简,这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点:一是提高spider爬行效率,能在最短的时间内爬完整个页面(yemian),这样对收录质量有一定好处;二是由于能高效的爬行,就会受到spider喜欢,这样对收录数量有一div css定好处。

表格的嵌套问题

很多SEOer在其文章中称,搜索引擎一般不抓取三层以上的表格嵌套,这一点一直没有得到搜索引擎官方的证实。我的几项实验结果没有完全出来,但根据目前掌握的情况来看,spider爬行Table布局的页面,遇到多层表格嵌套时,会跳过嵌套的内容或直接放弃整个页面。

使用Table布局,为了达到一定的视觉效果,不得不套用多个表格。如果嵌套的表格中是核心内容,spider爬行时跳过了这一段没有抓取到页面的核心,这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。

而DIV CSS布局基本上不会存在这样的问题,从技术角度来说,XHTML在控制样式时也不需要过多的嵌套。

这虽然没有得到确认,但还是建议使用Table布局的朋友们,在设计时尽可能的html不要使用多层表格嵌套,SEOer们在文章中说明了这一点,相信他们也不是没有依据的。

速度问题

DIV CSS布局较Table布局减少了页面代码,加载速度得到很大的提高,这在spider爬行时是非常有利的。过多的页面代码可能造成爬行超时,spider就会认为这个页面无法访问,影响收录及权重。

另一方面,真正的SEOer不只是为了追求收录、排名,快速的响应速度是提高用户体验度的基础,这对整个搜索引擎优化及营销都是非常有利的。

对排名的影响

基于XTHML标准的DIV CSS布局,一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面,但事实证明使用XTHML架构的网站排名状况一般都不错。这一点或许会有争议,但乐思蜀本人保持这样的观点,有异议者可以拿三组以上基本同等质量的网站对比观察。

我想,这样的情况可能不是排名规则,最大的可能还是spider爬行网站时,出现以上差异导致收录质量的不同。

毕竟廖胜于无,建议建站或改版的朋友们,技术许可的情况下,还是选择DIV CSS布局为好。


欢迎转载,转载请注明来源:http://www.p2h.cn/div-css-layout-favorable-seo-optimization/

相关链接: