文档介绍：符合 web 标准的网站相当于已经做了 30% 的 SEO 工作 CSS DIV 设计的网站是按照 W3C 标准的, 如果一个站点完全是 CSS+div 制作的, 那么你网站的 SEO (搜索引擎优化)工作已经完成了 30% !为什么会这么说? SEO 其他方面在哪? 好,请接着我的思路往下看: 符合 web 标准的 css 网站相当做了 30% 的 SEO 工作 1、 css div 网站遵循“网页结构、表现、行为分离,互不干涉抢功”理念且不说 SEO ,其实按照这个理念建设起来的网站,网页打开速度会明显的加快。因为按照这个理念, 网页将会分成 html 、 css 、 js 三种类型的文件,而 css 、 js 又是可以缓存的, 所以浏览一个这样的网页其实就是下载 html 代码就行了,速度当然变快。我们先看看 SEO 都做些什么: a. 网页 META 标签会添加的比较齐全,如 keywords 、 description 、 robots ; b. 被搜引擎抓取的内容,代码比较精简,非内容代码大大减少,文件小; c. 文本会比较靠前。几乎都在 200 字内就可以搜索到正文,重要内容; d. 不会出现表格那样多层嵌套的问题。 2 、修饰性图片文本替换, js、 flash 文字图片还原有些网站为了追求炫眼效果, 采用了图片按钮, 图片新闻 flash 切换, 文本的 js 跑到效果……这样大大将原本属于图片,文字链接的代码变成了搜索引擎读不懂的 js 代码、 flash ,或者是直接插入原本不是内容的修饰性图片替换了文字。如果这些刚好又包含了热门关键字,那么搜索收录量将损失很大。修饰性图片文本替换:就是说将不是内容而是修饰的图片变成底图显示,不干扰搜索引擎, 让它忽略它。而有增加文字, 之后使用 css 隐藏掉, 这样也增加了可以搜索的文字。常见使用于 logo ,按钮,菜单。 js、 flash 文字图片还原: 这是我近来提出来的一个思路, 还没有广泛给大家知道的方法(呵呵,大家接不接受还是个问题) :将 js, flash 显示的内容转为 html ,之后使用 js 读取 html , 传递参数启动原来的效果、并且隐藏 html ,只是比原来增加了几个步骤。详细可以参考我写的文章:如何减少 JS 对搜索的负面影响。 3、 W3C 要求必须添加链接标签的 title 、图片标签的 alt 属性这样的话, 所有的 a 标签都会规范的添加有 title 文本, img 有 alt 文本。而不是等到要优化的时候临时的把几个含有关键字的链接( 描文本) 添加上 title , 图片加好 alt。 CSS+div 不是为了 SEO 优化而添加 title 、 alt ,而是为了网页亲和力添加它们。 4 、合理安排使用文本加粗,斜体,下划线这是语义化标签都必须做到的一步。所以做到了 CSS+div , 这个问题也会在不知不觉中做到了。 5 、网页标准可以随时将重要的内容调前,之后使用 css 重新定位。例如页面效果图中中间的文字比较重要, 可以先把重要的内容放在左边的代码的前面, 方便搜索引擎,之后使用 css 将它调会到效果图的位置。 6 、网页标准提到的好处 a 、更少的代码和组件,容易维护; b 、带宽要求降低(代码更简洁) ,成本降低; c 、更