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

网站优化
flash对seo的影响分析
更新网站百度快照的方法 关键词与外链
可以增加关键字密度几种好方法
导致网站被百度降权的常见因素分析
SEO 策略 搜索引擎 排名
Flash 网站优化有窍门
SEO 优化需要兼顾用户体验设计
不容忽视的SEO优化细节
SEO第一名 只能是谎言
个人站长推广经验与技巧小结
百度快照 频频停止 几种原因分析
微软Bing搜索引擎 网站提交
Bing 网站管理员工具使用指南
国外 SEO优化 几个知识
Web 图片优化技巧总结
SEO 初学者必读
写软文离不开文字功底和素材的说明
SEO 初学者需要掌握的几个基本技能
Google 网页质量 评估 分析
百度对于新站平稳收录的一些技巧分享

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


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