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

网站优化
学习seo的注意事项
同样内容的网站放在不同的域名对你有帮助吗
SEO 关键词的选择
网站真实流量分析方法
锚文本对于SEO的重要性
SEO技术 google pr值算法浅谈
搜索引擎优化的一些方法和排名技巧
2009年影响网站搜索引擎排名的重要因素小结
SEO 实战 关键词排名还很重要吗?
SEO教程 网站地址URL规范化技巧
SEO实例分享 关键词和网站流量
所有SEO策略需要站在运营和产品角度
SEO工具 五款免费的死链接检测工具
网页图片该如何优化
SEO切不可把 内容为王 奉为圣经而不知变通
选择一个适合SEO的CMS系统的分析
Google 任何时间段的网页结果查看方法
Google明令禁止的十大SEO黑帽技术小结
SEO作弊方法和SEO作弊认定准则分析
博客从谷歌获得较高的PR值的方法分析

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-26   浏览: 175 ::
收藏到网摘: 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的细节_软晨学习网网络整理所得