当前位置: 首页 > 图文教程 > 网站运营 > 网站优化 > 网页布局设计中要注意SEO的细节

网站优化
三大搜索引擎联手推出新标准应对复制网页
优化实战:对FLASH型网站进行优化的心得
流量分析:决定SEO效果的四大主要原因
703公交车上的SEO启发
提高网站质量 分析四种网站交换链接对象
2008年RSS订阅最多的30个顶尖SEO博客
他上之石可以取玉 分享大型网站SEO策略
从用户体验和SEO两个角度谈谈网站的描述
SEO单个网页的最优化操作
获取关键词大流量 做好SEO方法中五大要点
简简单单就十个方面 做好WordPress的SEO
警惕 六种情况导致网站难以被搜索引擎收录
导致网站的搜索引擎优化失败的七个大方面
完善三个方面让谷歌对网站的索引变得更快
关键词选择攻略 处理好冷热门及专业关系
案例分析 通过新浪女性页面看关键词堆砌
与网站有些不同 博客流量来源的10个途径
又一强悍外链平台搜狐博客回归搜索
网站进行优化后也许并不需要进行静态处理
网址规范化最新解决方法 3大搜索引擎支持

网站优化 中的 网页布局设计中要注意SEO的细节


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-26   浏览: 195 ::
收藏到网摘: n/a

从搜索引擎的角度来看,用一些基本的HTML代码实现网页设计对搜索引擎会更具有友好性。

假设你的网站有如下2个选择:
1。The Left Section:通常包含 导航信息、广告、推荐等等
2。The Main Content Area:网站主题内容

下面是基本的网页结构设计:

网页布局设计中要注意SEO的细节_软晨学习网网络整理所得 

通常,我们都是采用如下HTML代码来实现:

以下为引用的内容:
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
 <b>LEFT SECTION</b><br>
  ITEM1<br>
  ITEM2<br>
  ITEM3<br>
</td>
<td bgcolor="#D9BBBB" rowspan="2" valign="top">
       Main Body
</td>
</tr>
</table>

注意,在源代码中,左侧区域出现在主内容区域的前面,因此,相比之下,搜索引擎可能会给网页左侧内容更多的偏爱。

为达到良好的SEO目的,我们需要改善上面的网页设计结构

解决问题的办法就是利用标签的Rowspan属性。通过将Rowspan的值设置为2来将网页划分成两行,把主内容区域放在第1行优先于左侧区域显示,而左侧内容被放在第2行

网页设计结构优化后的HTML代码:

以下为引用的内容:
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="1">
</td>
<td bgcolor="#D9BBBB" rowspan="2" valign="top">
       Main Body
</td>
</tr>
<tr>
<td>
 <b>LEFT SECTION</b><br>
  ITEM1<br>
  ITEM2<br>
  ITEM3<br>
</td>
</tr>
</table>

网页设计结构优化后的效果:

网页布局设计中要注意SEO的细节_软晨学习网网络整理所得