DIV+CSS 布局代码精简对SEO的影响
发布时间：2009-10-22 17:25:16 作者：佚名 
我要评论
我要评论网站优化使用DIV+CSS佈局，页面代码精简，这一点相信对XHTML有所瞭解的都知道。
网站优化使用DIV+CSS佈局，页面代码精简，这一点相信对XHTML有所瞭解的都知道。代码精简所带来的直接好处有两点：一是提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录品质有一定好处;二是由于能高效的爬行，就会受到spider喜欢，这样对收录数量有一定好处。
表格的嵌套问题
很多网站如何网上推广的文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎官方的证实。我的几项实验结果没有完全出来，但根据目前掌握的情况来看，spider爬行Table佈局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。
使用Table佈局，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，spider爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。网站中过多的相似页面会影响排名及功能变数名称信任度。
而DIV+CSS佈局基本上不会存在这样的问题，从技术角度来说，XHTML在控制样式时也不需要过多的嵌套。
这虽然没有得到确认，但还是建议使用Table佈局的朋友们，在设计时尽可能的不要使用多层表格嵌套，SEOer们在文章中说明瞭这一点，相信他们也不是没有依据的。
速度问题
DIV+CSS佈局较Table佈局减少了页面代码，载入速度得到很大的提高，这在spider爬行时是非常有利的。过多的页面代码可能造成爬行超时，spider就会认为这个页面无法访问，影响收录及权重。
另一方面，真正的SEOer不只是为了追求收录、排名，快速的回应速度是提高用户体验度的基础，这对整个搜索引擎优化及行销都是非常有利的。
对排名的影响
基于XTHML标准的DIV+CSS佈局，一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C 标准的网站或页面，但事实证明使用XTHML架构的网站排名状况一般都不错。这一点或许会有争议，但乐思蜀本人保持这样的观点，有异议者可以拿三组以上基 本同等品质的网站对比观察。
我想，这样的情况可能不是排名规则，最大的可能还是spider爬行网站时，出现以上差异导致收录品质的不同。
毕竟廖胜于无，建议建站或改版的朋友们，技术许可的情况下，还是选择DIV+CSS布局为好，这种设计对SEO时相当的好。
表格的嵌套问题
很多网站如何网上推广的文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎官方的证实。我的几项实验结果没有完全出来，但根据目前掌握的情况来看，spider爬行Table佈局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。
使用Table佈局，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，spider爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。网站中过多的相似页面会影响排名及功能变数名称信任度。
而DIV+CSS佈局基本上不会存在这样的问题，从技术角度来说，XHTML在控制样式时也不需要过多的嵌套。
这虽然没有得到确认，但还是建议使用Table佈局的朋友们，在设计时尽可能的不要使用多层表格嵌套，SEOer们在文章中说明瞭这一点，相信他们也不是没有依据的。
速度问题
DIV+CSS佈局较Table佈局减少了页面代码，载入速度得到很大的提高，这在spider爬行时是非常有利的。过多的页面代码可能造成爬行超时，spider就会认为这个页面无法访问，影响收录及权重。
另一方面，真正的SEOer不只是为了追求收录、排名，快速的回应速度是提高用户体验度的基础，这对整个搜索引擎优化及行销都是非常有利的。
对排名的影响
基于XTHML标准的DIV+CSS佈局，一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C 标准的网站或页面，但事实证明使用XTHML架构的网站排名状况一般都不错。这一点或许会有争议，但乐思蜀本人保持这样的观点，有异议者可以拿三组以上基 本同等品质的网站对比观察。
我想，这样的情况可能不是排名规则，最大的可能还是spider爬行网站时，出现以上差异导致收录品质的不同。
毕竟廖胜于无，建议建站或改版的朋友们，技术许可的情况下，还是选择DIV+CSS布局为好，这种设计对SEO时相当的好。
相关文章
本文主要介绍了css九宫格布局的五种方法，内容包括grid布局、flex布局、table布局、float浮动定位、inline-block+letter-spacing属性这五种方法的实现，感兴趣的可以了解下2023-09-18- 在Web开发中，经常会遇到需要将元素水平和垂直居中的情况,今天，将为大家分享几种CSS方法，让你的元素轻松居中，让页面更美观吸引人，感兴趣的小伙伴可以自己动手试一试2023-09-08
- 相信大家在面试的时候也会经常碰到css实现元素居中的方法，下面我介绍6种方法给大家，欢迎大家评论区交流2023-09-07
最近需要做个换行的布局，本文主要介绍了flex布局中使用flex-wrap实现换行的项目实践，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需2022-06-16CSS布局之浮动(float)和定位(position)属性的区别
今天看到有朋友留言问浮动和定位有什么区别，如何使用？今天找了篇文章，讲的比较通俗易懂，供大家参考2021-09-23
这篇文章主要介绍了css实现元素居中的N种方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-02-02
这篇文章主要介绍了div水平布局两边对齐的三种实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起2021-01-21
这篇文章主要介绍了waterfall瀑布流布局+动态渲染的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起2021-01-19
这篇文章主要介绍了页面中有间隔的方格布局如何完美实现方法。文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来2020-11-27- 这篇文章主要介绍了css实现六种自适应两栏布局方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习2020-10-28
最新评论