1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

浅谈SEO优化技巧之HTML结构调整

本帖由 盖世太保2011-04-10 发布。版面名称:前端开发

  1. 盖世太保

    盖世太保 New Member

    注册:
    2011-04-08
    帖子:
    872
    赞:
    0
    这类文章实在是太多太多了,看多了就感觉千篇一律,毫无新鲜感,今天我就说点新鲜的,主要谈谈SEO优化中关于HTML排版的一些技巧,笔者是程序员出生,所以写的东西稍微偏技术性一些,希望大家能够多多谅解。

    很多网站首页都有一个热点图模块,以幻灯片形式进行切换(见下图)



    此模块占据国内网站的70%,包括笔者的网站也用到了,而这种效果的代码往往都是在HTML文档结构的前面部分,最常见的也就是导航栏的下面,实现方式无非就是FLASH或者JS脚本,最常用的布局代码如下:

    <div class="banner">
    <object>
    FLASH版本
    </object>
    </div>
    <div class="banner">
    <script type="text/javascript">
    Javascript版本
    </script>
    </div>

    笔者认为如果在HTML前面部分插入了上面的代码,不仅对SEO优化不利,对普通用户来讲也是很郁闷的事情,对SEO不利的地方在于:站长朋友们都知道,一个HTML文档的前面部分是搜索引擎比较看重的地方,如果您使用JS或者FLASH去实现,虽然这些代码搜索引擎识别不了,但完全可以把其他重要的地方先展示出来给搜索引擎,这些识别不了的东西靠后显示。对普通用户不好的地方在于:此效果一般是4~5张图片进行切换,而这些图加起来最少都有200KB左右,无论您使用JS或者FLASH实现,只要您是嵌入在HTML文档里面,用户必须等待这些东西加载完成,特别是图片大的时候,很有可能卡住在头部那一块,造成浏览器假死现象,这一点对用户来说是最恐惧的事情。

    这段时间笔者总结了一些解决方案,并通长时间的观察,实践证明这些方案是OK的,排名也没影响,收录正常,在此斗胆分享给大家。