浅谈HTML里的布局对于SEO的影响

因为我之前是SEO出身，今天就来给大家好好说说DIV+CSS设计开发的Xhtml网页对SEO优化的影响。对于SEO的利与弊。

第一：DIV+CSS页面对于spider爬行效率
Div+Css的代码精简是table无法比拟的，即使DIV CSS的html加上对应CSS文件一般都小于table的html文件，div+css实现了样式和布局完全分离，前台垃圾代码大量减少，内容更加突出，让蜘蛛在你的网站上快速爬行，短时间内爬完你的网站。

第二：改善网页打开速度 
众所周之：客户是上帝。搜索引擎也不例外，所以搜索引擎会优先抓取客户体验比较好的网站。真正的SEOer不只是为了追求收录、排名，快速的响应速度是提高用户体验度的基础网站。试问：如果你打开一个网站需要一分钟以上，你下次还会来这个网站吗？ 
DIV+CSS布局较Table布局减少了页面代码，加载速度得到很大的提高，这在Spider爬行时是非常有利的。过多的页面代码可能造成爬行超时，Spider就会认为这个页面无法访问，影响收录及权重。 
题外：tale布局的页面打开原理：一般table布局的页面是大表格套中表格，中表格嵌套小表格，小表格再套小小表格。一般第一个表格（最外边的）要读取完才能显示出来，读取大表格的同时又要读取大表格中的小表格，大大加长了网页打开速度。
即浏览器加载table页面时候通常是加载

开始等加载完对于及加载完table的关闭才将内容送出显示给浏览者，这样让浏览者感到网页等等时间长点从而感觉慢。

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

DIV+CSS对网页的整体控制性要强很多。通过简单的代码修改，即可大幅度对网站进行代码优化改版。实用性很强。 
很多人感觉CSS对排名虽然很有利，但是影响排名的因素重多。这并不唯一的没有基础的同样可以利用表格 但是表格不要超过三层。建议不会css+div的朋友有时间学习一下

DIV+CSS的不好之处：
1、开发DIV+CSS页面相对于TABLE页面需要更多的开发时间
2、兼容性，因现在处于浏览器大战时期，而各个浏览器的内核不同造成了一点点对CSS属性解释不同而造成兼容问题，这点是新手比较棘手的问题。相信浏览器在遵循W3C标准下能很好的统一其解释。

相信看了这些介绍你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

原生js的常用方法整理

用Vue+CSS3怎么做交互特效

什么是js深拷贝和浅拷贝及其实现方式

Atas ialah kandungan terperinci 浅谈HTML里的布局对于SEO的影响. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!