網站標題之七則CSS技巧幫助你優化SEO

建站學院CSS教程 我們都知道，要構建一個對用戶和Google兩面都要好的網站是件不容易的事情。如果我們要遷就Google讓它盡可能的發現網站的價值，那么在設計網站時就會在用戶體驗上大打折扣。Google的蜘蛛爬蟲至今仍無法很好的辨識一些高級的Web技術，如Flash、Ajax等，它們有時候就像小孩子一樣，你需要手把手的去引導和幫助它們去發現并理解網站質素。值得慶幸的是也有很多的CSS方案可以彌補這一缺陷，雖然本文標題中的"技巧"感覺有點詭計、花招的意味，事實上這也只是迎合Google的一些手段而已。試想，到底是我們存心想去"欺騙"Google，還是Google讓我們的Web開發總是不得安生…

雖然搜索引擎不止Google一個，但是它們很多甚至比Google還難伺候，再者鑒于其絕對優勢的影響力，所以本文探討的重點還是放在Google上。下面七條有利于SEO的CSS訣竅，排名不分先后：

1.合理利用CSS分頁技術

Google在評定長篇幅文章頁面權重時存在很嚴重的問題，一般而言長篇幅頁面較之短篇幅頁面有著更大的權重。但是就用戶體驗角度來講，我們往往希望用戶能看完全文，并且不需要去拖拉滾動條或打開另外一張新的頁面繼續閱讀。

解決方案就是CSS分頁。這不就是文本隱藏？事實上隱藏文本跟隱藏鏈接、小文本等手段一樣，是較為古老的干涉搜索引擎規律的作弊形式，也就是常說的"黑帽SEO"的一種，所以千萬不要去用它。而CSS分頁與文本隱藏的實質大不相同，它能把長文本分割成易辨識的幾部分，并仍處于同一頁面中，某種程度上有點選項卡的意思。在運用CSS分頁的時候，也要留意Google頁面權重判定的一個限制：對于一個體積較大的頁面，爬蟲一般不會進行很完整的抓取。

2.絕對定位

頁面中越靠近頂端的內容越能得到Google的關注。Google爬蟲對頁面內容的"瀏覽"并不像人為閱讀一樣針對最終解析的頁面效果，它們是在源碼中進行抓取的，所以如果你網站的結構比較復雜，比如有很多導航、腳本或其它小玩意兒，Google爬蟲可能還沒蠕到主要內容就停止抓取了。在這種情況下，你可以考慮把主內容體現在頁面源代碼較前的位置，然后利用CSS中的絕對定位將其定位網頁中適當的位置，這樣用戶瀏覽的時候主內容也就不會跑到導航菜單等元素的前面去了。

3.使用H1,H2…H*定義標題

在HTML中標題元素H1、H2等總是默認比其它文本大一些，所以長久以來很多網頁設計者都習慣用DIV或SPAN代替H*標簽作為標題文本的容器，然后自由的進行樣式設定。但是如果這么做的話，Google將無從知曉那些文本是頁面內容的標題，在一定程度上影響了頁面權重的判斷。事實上現在的CSS也能對H1等標簽進行很豐富的樣式定義，我們完全沒有必要采用之前那種舍本逐末的做法。

4.標題文本SIFR圖像替換法

很多人喜歡在標題上使用文本替換技術，簡而言之就是利用CSS將標題文本隱藏，然后替換以外觀更加豐富的圖像。圖像替換文本技術有很多種實現方法，具體可以參考西米CC中的圖像替換文本技術一文，這些方法其中有一些考慮比較周全，也有一些相對而言比較簡陋。也許你又會問了，這不又是文本隱藏么？是的，有些替換技術會對SEO帶來一些負面影響，因為爬蟲無法抓取到標題本身。

幸運的是，現在有一種稱之為SIFR的圖像替換文本方法得到了Google的認可，它可以用Flash形式來展示標題，在其中你可以靈活的使用各種字體，并且能夠在代碼中確保H*標簽被辨識出來。

5.列表的運用

現在大多數的SEO專家都認可了一個事實，那就是關鍵字密度并不是影響頁面權重的主要因素，也就是說你的關鍵字在頁面中出現20次還是5次對權重不會有實質性的影響，相反密度過大可能會被認作是作弊性質的關鍵字堆砌。但是假如你不是為了SEO，而是真的需要不斷的重復一些字詞該怎么辦呢？那么就把它們放在列表標簽里吧，不論是無序列表還是有序列表，Google不會將其中的字詞重復視為作弊手段。

如果你不希望UL或OL以列表的形式展示在網頁中，你可以用CSS改變其外觀樣式，使其與頁面融合得更加和諧。有些牛人甚至把整站都用列表來實現，完全不把表格、DIV甚至SPAN運用到布局中。

6.友情鏈接頁Nofollow屬性

Nofollow屬性是由Google領頭新創的一個標簽，目的是盡量減少垃圾鏈接對搜索引擎的影響，只需在鏈接標簽中加入rel="nofollow"即可。這種情況下，相當于告訴搜索引擎，該鏈接所指向的網頁非我所能控制，對其內容不予置評，這樣搜索引擎在計算目標的網站的鏈接廣泛度時，將會把這個鏈接排除在外。

Google在鑒定頁面權重時，會特別關注那些包含很多外鏈的頁面上，使用Nofollow能讓Google不會把那些友情鏈接頁誤認為是很重要的頁面。別把權重浪費在一些無關的頁面上，要盡量把權限集中到重要的頁面上，一個rel="nofollow"屬性能很好的避免權重的浪費。

7.純CSS導航菜單

很多人以為純CSS菜單并不會對SEO產生實質性的影響，所以在設計的時候還是很習慣的加入一些JS或其它東西來增強菜單的動態效果。事實上如果要說純CSS菜單有什么好處，其原理就類似為什么我們要拋棄表格而采用DIV布局一樣，精簡扼要的頁面代碼能使頁面加載速度得到很大的提高，這在spider爬行時是非常有利的，否則對頁面的收錄及權重肯定會有一定的影響。更何況現在CSS強大的樣式控制能力，足夠讓我們制作出實用而又精巧的導航菜單。

以上所論述的七個方面，并不是什么很高級的知識或技術，也不會對一個網站的SEO效果產生決定性的作用，但不可否認的是它們或多或少會有些正當合法的幫助，而且有助于讓你把CSS由一種技術提升為一種理念。如果說你覺得SPAM對SEO效果更明顯，我只能說那是種很愚蠢的想法。順便說一句，我并不喜歡什么白帽SEO的概念，對我而言一種方法或手段要么就是SEO，要么就是SPAM。