SEO中表格使用和css应用

藏书人摘要:表格是网页最重要的排版方式。 1.如果某个网页采用了大段的长篇文本,除了可以将一页文本分成多面,还可以考虑将文本置入 不同表格中,这样不仅管理方便,也使得该页加载时每个 表格内...

表格是网页最重要的排版方式。 1.如果某个网页采用了大段的长篇文本,除了可以将一页文本分成多面,还可以考虑将文本置入 不同表格中,这样不仅管理方便,也使得该页加载时每个 表格内容依次加载,这样访问者就可 以一边看已下载内容一边等待剩余部分加载,而不是等 待很久之后才一齐加载出来。 例如:新浪新闻

2.表格之内套嵌太多表格也不利于页面加载,因浏览器是先加载完大表格之后再加载内嵌的小 表格,因此内嵌表格会最终降低整页加载速度。

3.尽量采用XHTML标准,使用DIV代替表格。 具体方法是采用CSS里面的 FLOAT 属性,position 属性等定位 使用FLOAT 属性的例子。复杂三栏式版面 使用position 属性等定位。复杂版面设计.htm

 

代码设置不妥不仅延长网页加载时间,也严重影响蜘蛛程序对网页内容的抓取。通过对网页代 码进行清减去掉臃肿杂乱的代码,减小网页文件大小,能够加快网页加载速度,让蜘蛛快速索引到 重要内容。整个网页最好不要超过 30K,文字内容最好 5K-10K之间,Google 只对内容的前 5000 个 字进行索引。

网页减肥重点涉及以下几个要点:

1.CSS 样式 网页制作应通过 CSS(层叠样式表单)来统一定制字体风格。

例如: <b style="color:red;font-size:16px;">测试</b>

<div id="divmain" style="font-size:12px;">DIV</b> <div style="color:red;"> 红色 <b style="color:green;">绿色</b> </div> ----------------------

<style type="text/css"> b { color:red;font-size:16px; } /*通用对象*/ #divmain {font-size:12px;} /* ID 对象 */ .red {color:red;}/* 定制类别 */ .red b {color:green;}/* 定制类别下的 通用对象*/ </style> <b>测试</b> <div id="divmain">DIV</b> <div class="red"> 红色 <b>绿色</b> </div> CSS 减肥示例文件 把文字的字体、字号、颜色、背景色等统一起来,不用对每段文字单独进行 格式定义,从而减少大量重复性标签。注意把所有 css 文件单独存放在命名为 css 的外 部文件 中。 语法: <link rel="stylesheet" type="text/css" href="/common/client.css">

作用的优先级:自身的style属性 > 页面的内部style对象 > 页面外部css文件。 下载:css帮助

2.JavaScript: 1. 简化js中的函数名称和变量。 例如:Google,里面的函数名称只有 1 个或者2 个字符。

2. 将网页的公共部分转换为脚本并存于 js 文件里。这样可以减少文件大小,加快下载速度,同 时也方便管理。不过不能将导航等等优化的关键代码转换成 js,否则搜索引擎搜索不到。

转换方式:

原来:<h1>天天收藏夹</h1> 脚本:document.write(“<h1>天天收藏夹</h1>”); 例如:华军软件园 源代码,将标题、导航等等都放着js文件里,将导航放在js里面就不太好 了。

3.使用 base 标签: Base 标签是一个全集控制的标签。

比如: <A HREF="http://www.supercss.com/code/1.htm " target=”_blank”>代码一</A> <A HREF="http://www.supercss.com/code/2.htm " target=”_blank”>代码一</A> 其中 http://www.supercss.com 和 target=”_blank”: 多次重复,增加无用的代码。

修改为: <head> <base href=”http://www.supercss.com/” target=”_blank”> </head> <body> <a href=”/code/1.htm”>代码一</a> <a href=”/code/2.htm”>代码二</a> </body>

 

4.慎用网页减肥工具 通常的网页减肥工具,对 htm减肥具有一定的破坏性,常常为了减肥将标签的 后半个标签删除, 造成网页的不完整。

处理前:<table><tr><td>第一行</td></tr><tr><td>第二行</td></tr></table> 处理后:<table><tr><td>第一行<tr><td>第二行</table> 处理后 </td></tr> 被去掉了,使页面不完整。

5.删除空格和回车 如果要更加苛刻的减肥,那最后一步就是删除空格了,还可以使文件大小下降很多。 不过删除空格后的页面由于没有阶梯排列,将很难读懂。

例子:百度首页的代码就非常紧凑。

 


下一篇:整站seo关键词策略 摘要:网站首页优化:  1. 关键词选择 首页的关键词应该选择核心关键词。通常这些词优化难度比较大,需要大量的外部链接。交换 链接的时候以网站名称或者核心关键词命名链接。 例如:在搜索引擎优化行业,首页的关键词应该是 SEO。 2. 网页链接 首页大部
相关文章:
  • 相关程度决定网页的先后
  • robots写法
  • SEO自动优化平台,GravityStream
  • 网页优化的基本原理与误区
  • SEO公式
  • 侦测站群?