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

网站优化
SEO 网站标题title注意的三点内容
SEO 用语义化的HTML制作网页
SEO中HTML标签权重 SEO 搜索引擎优化简明教程
标题标记H和强调标记strong
发垃圾帖子或回复可能会降低网站排名
新站够获得好的百度排名的一些经验小结
新站关键词排名不稳定现象解析
新手SEO很容易犯的错误汇总
SEO 分享增加网站反向链接经验
提高网页关键词搜索引擎排名的5个方法
外部链接优化效果远不如内部链接
网站优化 关于网页地址URL的约定规则
谷歌站长工具关键字分析页面新的调整
SEO 静态网页不一定优于动态网页
应对Google的个性化搜索对SEO的影响
所谓的SEO高手们请不要再自欺欺人了
搜索引擎的收录量不增加的原因分析
让友情链接发挥最佳效果
垃圾链接其隐藏背后的危害
Google 个性化搜索对SEO的影响

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


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