【SEO】细节之CSS篇 SEO, CSS, 细节

柔肠寸断

在提起SEO大家都知道是什么?但是又有多少人能真正理解，SEO中还存在着非常多的细节大家没有注意到的地方，今天我要谈的是SEO中的一个小小的细节--CSS优化。

　　DIV+CSS的网站设计，大家应该有了很多的了解了，我整理了一下，符合设计标准简单来讲有以下好处：简化代码、降低建设成本 ，下载速度快，有利于搜索引擎的收入及排名。

　　那么，我们知道这些好处，还需要在实际当中活学活用，今天的主题是以一个实例来体现css在SEO中的灵活运用，我发现，在大多数不怎么运用标准甚至一些符合标准的网站里，都犯有这点错误，哪一点?比如：“双人打僵尸小游戏” 这里有8个字，但是在你网站的某个栏目中显示不了这么多的字，那怎么办?我看到很多网站都是将这个字体省略成“双人打僵尸...”，将后面多余的字体用省略号表示，如果是这样的话，搜索引擎将认为你的关键字就是“双人打僵尸...”而不是“双人打僵尸小游戏”，这样的话就不利于搜索引擎的排名了,那我们如何去解决这个问题，如果全部显示出来，整个布局就乱了，就不够美观了，那怎么办?其实css中有2句简单的语句white-space:nowrap;text-overflow: hidden;(white-space:nowrap;是对字体不换行，overflow: hidden;是对溢出的字体隐藏) 就这2句就能解决这个问题了。这样的话就轻松解决了问题。即便是超出的部分，也不会在源文件中被砍掉了，而是以完整的标题提供给搜索引擎去索引了,这样就达到你要的效果了。

　　其实div+css是一门艺术，在我们今后的设计的过程中还有很多地方很适合SEO优化，希望大家慢慢的去摸索和尝试.