首页 > web前端 > html教程 > 浅谈HTML里的布局对于SEO的影响

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

php中世界最好的语言
发布: 2017-11-28 09:30:40
原创
2581 人浏览过

因为我之前是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深拷贝和浅拷贝及其实现方式

以上是浅谈HTML里的布局对于SEO的影响的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板