十年专注于品牌网站建设 十年专注于品牌网站建设,低调、有情怀的网络应用服务商!
南昌百恒网络微信公众号 扫一扫关注
小程序
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络微信小程序

百恒网络

南昌百恒网络

介绍表格优化在网站SEO中具体如何操作

百恒网络 2016-12-11 890

相对于CSS及javascript优化来讲,表格现在前台页用得比较少,但遇到需要用表格我们还是要会进行优化控制,以确何整个网站的品质,前面我们通过《在SEO过程如何对页面中javascript进行优化》介绍网页中js调用的几种方式,例如头部调用、底部调用、外部调用,最好就是使用外调用来提高整个页面的运行效率和速度,接下来南昌网站制作公司百恒网络SEO专员介绍基本的CSS优化操作方式.
     精简代码的最后一步就是对表格进行优化。表格优化主要是解决表格之间的嵌套问题,让表格之间保持独立,从而加快页面在浏览器中的显示速度,提高用户体验。同时,又可以精简页面代码,提高页面的搜索引擎友好性。        在介绍表格优化之前,我们先来了解一下浏览器解析HTML代码的过程。当浏览器的编译器遇到一个开始标签时,就会寻找与之匹配的结束标签,直至匹配上才会在浏览器中显示该标签中的内容。例如,当浏览器的编译器遇到<table>标签时,就寻找与之匹配的结束标签</table>,直至匹配上才显示表格里的内容。否则将继续往下寻找,直至匹配为止。所以,如果表格间出现多次嵌套,特别是当这些表格里的内容较多的时候,打开页面的速度就会特别慢,因为需要下载及编译的内容特别庞大。
       目前绝大多数的网站都是使用DIV+CSS方式进行切版,表格嵌套方式会被逐步淘汰。 
       请看下面这个例子。一个3行1列的大表格,每个单元格里嵌套着一个小表格。假设每个小表格里内容的代码量有50 KB,则大表格里代码量至少有150 KB。也就是说,浏览器至少需要下载并执行150 KB的代码后才能显示表格里的内容。换句话说,只有下载并执行150KB的代码后,这个页面才会显示。代码内容如下所示,页面效果如图所示。

表格间相互嵌套的页面
表格间相互嵌套的页面

代码:
       <table width="514" border="1">
       <tr>
              <td width="504"><table width="100%" border="1">
       <tr>
              <td>50K内容</td>
       </tr>
              </table></td>
       </tr>
       <tr>
              <td><table width="100%" border="1">
       <tr>
              <td width="397">50K内容</td>
       </tr>
              </table></td>
       </tr>
       <tr>
              <td><table width="100%" border="1">
       <tr>
              <td>50K内容</td>
       </tr>
              </table></td>
       </tr>
</table>
       如果让表格之间保持独立,即把所有的小表格及内容从大表格中抽离出来,页面内容就会分散在3个小表格里,每个表格里内容的代码量在50 KB左右,如下面代码所示,这时浏览器只需下载并执行50 KB左右的代码量,就可以显示相应的内容,如图所示:
<table width="600" border="1">
<tr>
       <td>50K内容</td>
</tr>
</table>
<table width="600" border="1">
<tr>
       <td >50K内容</td>
</tr>
</table>
<table width="600" border="1">
<tr>
       <td>50K内容</td>
</tr>
</table>

表格优化操作

表格间彼此独立的页面 经过精简代码,有效地删除了页面中的冗余代码,降低了页面体积,提高了页面的搜索引擎友好性。 尽管我们总是想方设法地降低页面的体积,但并不代表页面的体积越小就越好。因为,页面体积越小意味着页面中的内容就会越少,能向用户提供的信息量也就越少。然而,页面的体积究竟多大才合理呢?这取决于网站的类型。一般认为,页面的体积控制在100 KB左右会更受用户及搜索引擎的欢迎(仅指HTML源代码的部分,不包括图片及其他多媒体元素)。 
       如果一个页面超过100 KB,搜索引擎就可能会拒绝收录100 KB后面的那部分内容甚至放弃抓取该页面。除非这个页面具有更高的权重或者相对重要的内容。例如,对于网站的首页,即使是三四百KB,也极有可能会被收录(如新浪网的首页)。 由此可得出以下结论。
       一个页面的体积保持在100 KB左右对于搜索引擎最为友好。 
       搜索引擎更加重视页面中前100 KB的内容。 
       搜索引擎更愿意收录体积在100 KB左右的页面。换句话说,如果网站上大部分的页面保持在100 KB左右,被搜索引擎收录的机会就会大大增加。 随着各方面技术的成熟,搜索引擎会慢慢接受体积更大的页面。但是,为了提高用户体验,建议在规划页面的时候,页面体积尽量保持在100 KB左右。 通过上面的操作,基本上清除了页面中的冗余代码。接下来,将介绍代码优化的另一个重要任务——提高页面相关性,主要包括页面头部优化及权重标签使用。
  本文仅限内部技术人员学习交流,不得作于其他商业用途.希望此文对广技人员有所帮助。原创文章出自:南昌网站建设公司-百恒网络http://www.jxbh.cn/如转载请注明出处!

400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络小程序

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
售后服务 售后服务
 
备案专线 备案专线
 
×