SEO細節之CSS篇

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

現在提起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優化，希望大家慢慢的去摸索和嘗試。

此文只是本人優化過程中的一點點體會，希望能起到抛磚引玉的作用，謝謝大家!

最後我在這裡AD一下我的小站:HTTP://www.wuwu8.com