现在提起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优化,希望大家慢慢的去摸索和尝试。
此文只是本人优化过程中的一点点体会,希望能起到抛砖引玉的作用,谢谢大家!
www.heasky.com