css和html在两个服务器状态css上对SEO有影响吗

来源：蜘蛛抓取(WebSpider) 时间：2018-09-06 17:47 标签： 服务器状态css
1、网站优化精简网页代码

应用DIVCSS规划，页面代码精简，这一点信任对于XHTML有所理解的都晓得。

代码精简所带来的间接好处有两点：一是提高Spider匍匐遵从，能在较短的工夫内爬齐备个页面，多么对于收录品质有一定好处；二是由于能高效的匍匐，就会遭到Spider欢迎，多么对于收录数目有很大好处。

2、处理表格的嵌套标题

很多“网站若何推行”的文章中称，搜索引擎同样平时不抓取三层以上的表格嵌套，这一点一贯没有失去搜索引擎相关的民间证实。我的几项试验成果没有齐全进去，但根据今朝把握的状况来看，Spider匍匐Table规划的页面，碰着多层表格嵌套时，会跳过嵌套的内容或者间接放弃全部页面。

应用Table规划，为了到达一定的视觉后果，不能不套用多个表格。如果嵌套的表格中是外围内容，Spider匍匐时跳过了这一段没有抓取到页面的外围，这个页面就成了类似页面。网站中过量的类似页面会影响排名及域名信任度。

而DIVCSS规划基本上不会存在多么的标题，从技能角度来讲，XHTML在管制款式时也不必要过量的嵌套。

这尽管没有失去确认，但依旧倡议应用Table规划的朋友们，在计划时尽量的不要应用多层表格嵌套，seoer们在文章中说明白这一点，信任他们也不是没有根据。

DIVCSS规划较Table规划增添了页面代码，加载速率失去很大的提高，这在Spider匍匐时是特地很是无利的。过量的页面代码能够形成匍匐超时，Spider就会以为这个页面无奈拜访，影响收录及权重。

另一方面，真正的seoer不只是为了追求收录、排名，疾速的响应速率是提高用户体验度的根底，这对于全部搜索引擎优化及营销都是特地很是无利的。

转载请说明出处，本文地址：/thread-1995-1-。更多相关资讯，请到SEO研究协会网学习互联网营销技术请到巨推学院。

可选中1个或多个下面的关键词，搜索相关资料。也可直接点“搜索资料”搜索整个问题。

各有各的好处，如果你用得好的话table的优化比div好更合适seo，但是如果网页数据量大的话建议还是用div+css吧，因为蜘蛛抓去网页的过程是有时间限制的。为啥我说table比div好呢？主要是因为table里面包含很多组建如thead、th、tbody、tfoot等，如果这些都设置了，那么每一个table都可以看着是一个独立的网页来被蜘蛛抓去，就更加有利于蜘蛛的爬行了。而div最大的有点就在于是轻量级组建，占用空间不大，蜘蛛爬行起来快。

各有优缺点，基本我都是混合使用。哪个方便使哪个！ 但css一定要放到外部文件里。table不嵌套太多也没多大影响。

基础是减少代码，主要还是语义上的差异。1、新站的话语义化更有利。2、老站权重高的站Table也无所谓。

我也是搞网站开发的，之前一直用的是table，后来改用div css了，个人认为后者更有利于SEO

div+css 第一优点是比TABLE小第二优点是比table更容易被蛛蛛读取

之前看过Yahoo团队写的一篇关于网站性能优化的文章，文章是2010年左右写的，虽然有点老，但是很多方面还是很有借鉴意义的。关于css的性能优化，他提到了如下几点：

现把样式表放到文档的< head />内部似乎会加快页面的下载速度。这是因为把样式表放到< head />内会使页面有步骤的加载显示。

注重性能的前端服务器往往希望页面有秩序地加载。同时，我们也希望浏览器把已经接收到内容尽可能显示出来。这对于拥有较多内容的页面和网速较慢的用户来说特别重要。向用户返回可视化的反馈，比如进程指针，已经有了较好的研究并形成了正式文档。在我们的研究中HTML页面就是进程指针。当浏览器有序地加载文件头、导航栏、顶部的logo等对于等待页面加载的用户来说都可以作为可视化的反馈。这从整体上改善了用户体验。

把样式表放在文档底部的问题是在包括Internet Explorer在内的很多浏览器中这会中止内容的有序呈现。浏览器中止呈现是为了避免样式改变引起的页面元素重绘。用户不得不面对一个空白页面。

HTML规范清 楚指出样式表要放包含在页面的< head />区域内：“和< a />不同，< link />只能出现在文档的< head />区域内，尽管它可以多次使用它”。无论是引起白屏还是出现没有样式化的内容都不值得去尝试。最好的方案就是按照HTML规范在文 档< head />内加载你的样式表。

表达式的问题就在于它的计算频率要比我们想象的多。不仅仅是在页面显示和缩放时，就是在页面滚动、乃至移动鼠标时都会要重新计算一次。给CSS表达式增加一个计数器可以跟踪表达式的计算频率。在页面中随便移动鼠标都可以轻松达到10000次以上的计算量。

一个减少CSS表达式计算次数的方法就是使用一次性的表达式，它在第一次运行时将结果赋给指定的样式属性，并用这个属性来代替CSS表达式。如果样式属性 必须在页面周期内动态地改变，使用事件句柄来代替CSS表达式是一个可行办法。如果必须使用CSS表达式，一定要记住它们要计算成千上万次并且可能会对你 页面的性能产生影响。

很多性能规则都是关于如何处理外部文件的。但是，在你采取这些措施前你可能会问到一个更基本的问题：JavaScript和CSS是应该放在外部文件中呢还是把它们放在页面本身之内呢？

在实际应用中使用外部文件可以提高页面速度，因为JavaScript和CSS文件都能在浏览器中产生缓存。内置在HTML文档中的JavaScript 和CSS则会在每次请求中随HTML文档重新下载。这虽然减少了HTTP请求的次数，却增加了HTML文档的大小。从另一方面来说，如果外部文件中的 JavaScript和CSS被浏览器缓存，在没有增加HTTP请求次数的同时可以减少HTML文档的大小。

关键问题是，外部JavaScript和CSS文件缓存的频率和请求HTML文档的次数有关。虽然有一定的难度，但是仍然有一些指标可以一测量它。如果一 个会话中用户会浏览你网站中的多个页面，并且这些页面中会重复使用相同的脚本和样式表，缓存外部文件就会带来更大的益处。

对于拥有较大浏览量的首页来说，有一种技术可以平衡内置代码带来的HTTP请求减少与通过使用外部文件进行缓存带来的好处。其中一个就是在首页中内置 JavaScript和CSS，但是在页面下载完成后动态下载外部文件，在子页面中使用到这些文件时，它们已经缓存到浏览器了。

精简是指从去除代码不必要的字符减少文件大小从而节省下载时间。消减代码时，所有的注释、不需要的空白字符（空格、换行、tab缩进）等都要去掉。在 JavaScript中，由于需要下载的文件体积变小了从而节省了响应时间。精简JavaScript中目前用到的最广泛的两个工具是JSMin和YUI Compressor。YUI Compressor还可用于精简CSS。我之前的一篇文章关于前端部署的，ant+YUI Compressor 地址是： 小工具中也有ant的用法：

混淆是另外一种可用于源代码优化的方法。这种方法要比精简复杂一些并且在混淆的过程更易产生问题。在对美国前10大网站的调查中发现，精简也可以缩小原来 代码体积的21%，而混淆可以达到25%。尽管混淆法可以更好地缩减代码，但是对于JavaScript来说精简的风险更小。

除消减外部的脚本和样式表文件外，< script>和< style>代码块也可以并且应该进行消减。即使你用Gzip压缩过脚本 和样式表，精简这些文件仍然可以节省5%以上的空间。由于JavaScript和CSS的功能和体积的增加，消减代码将会获得益处。

前面的最佳实现中提到CSS应该放置在顶端以利于有序加载呈现。

在IE中，页面底部@import和使用< link>作用是一样的，因此最好不要使用它。

从时间瀑布图中可以看出，代码2中，CSS和图片并没有并行下载，而是等待CSS下载完毕后才去并行下载后面的2个图片，当CSS后面跟着嵌入的JS的时候，该CSS就会出现阻塞后面资源下载的情况。

有人可能会问，这里为什么不说说嵌入的JS阻塞了后面的资源，而是说CSS阻塞了？ 想想我们现在用的是1个空函数，解析这个空函数1ms就够，而后面2个图片是等CSS下载完1.3s后才开始下载。大家还可以试试把嵌入JS放到CSS前 面，就不会出现阻塞的情况了。

根本原因：因为浏览器会维持html中css和js的顺序，样式表必须在嵌入的JS执行前先加载、解析完。而嵌入的JS会阻塞后面的资源加载，所以就会出现上面CSS阻塞下载的情况。

嵌入JS应该放在什么位置

1、放在底部，虽然放在底部照样会阻塞所有呈现，但不会阻塞资源下载。

2、如果嵌入JS放在head中，请把嵌入JS放在CSS前面。

4、不要在嵌入的JS中调用运行时间较长的函数，如果一定要用，可以用setTimeout来调用,关于settimeout，我之前的一篇文章中写过，请看：

我要回帖

更多关于 服务器状态css 的文章

 

随机推荐