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

网站优化
交换友情链接注意事项 不要尽相信网站PR
浅谈影响外部链接权重的十大因素
让SEO更大的作用
从关键词火车票 来看各大网站的SEO优化
SEO学习笔记:搜索引擎对作弊的判断条件
十大搜索引擎优化作弊方法
从用户的角度 来看看网站的搜索引擎优化
网站关键词优化研究 当关键词遇到了访客
Google沙盒逃生法
搜索引擎对作弊的判断条件
五个途径写一篇符合网站优化的文章
一句话式问答 网站优化常见问题整理(四)
眼睛视点的搜索引擎优化 浏览视觉与F形状
写好和维持准确元标记 让谷歌顺利找到你
增加高质量外部链接 提升谷歌对网站收录
把搜索优化做在建站之前 网建与优化结合
SEO八小时之外 透过技术来看SEO的学习
一句话式知识 网站吸引链接的三十招技巧
问答式了解创建google Sitemaps的注意事项
和蜘蛛搞好关系 三招让网站收录量大提升

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


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