CSS技術(shù)在注重網(wǎng)站標(biāo)準(zhǔn)和易進(jìn)入度的編程人員中非常受歡迎，它同樣也應(yīng)受到SEO人員的重視。
CSS可以幫助你實(shí)現(xiàn)很多驚人的事情。比如你可以徹底避免使用HTML table和透明的GIF空格圖片來(lái)排版（這些聽(tīng)起來(lái)真的是90年代的事情了）。用簡(jiǎn)明的HTML和Stylesheet代碼來(lái)代替臃腫的編碼。使用基于table的布局不僅導(dǎo)致您的顧客下載時(shí)間過(guò)長(zhǎng)，而且削減了頁(yè)面內(nèi)容的關(guān)鍵詞權(quán)重。事實(shí)上，應(yīng)該努力將表現(xiàn)層和內(nèi)容層徹底分開(kāi)，將所有表現(xiàn)與表現(xiàn)形式相關(guān)的元素完全轉(zhuǎn)移到一個(gè)外部的樣式表中－換句話(huà)說(shuō)，放置在.css文件中。另外一個(gè)好處就是，.css文件會(huì)被用戶(hù)的瀏覽器緩存并且不用在每個(gè)頁(yè)面都重新加載，這樣就更加提升了用戶(hù)使用體驗(yàn)。
您可以通過(guò)使用更先進(jìn)的CSS技術(shù)來(lái)提升關(guān)鍵詞權(quán)重。可以將HTML中的頁(yè)面元素重新排序而不影響頁(yè)面的效果。因此，您可以在HTML中將內(nèi)容放在導(dǎo)航的上方而仍然在呈遞頁(yè)面展示該導(dǎo)航在你想放至的位置。你見(jiàn)過(guò)一個(gè)左側(cè)導(dǎo)航條的代碼出現(xiàn)在HTML的結(jié)尾部分嗎？那是一種美的展現(xiàn)（至少對(duì)于SEO人來(lái)說(shuō)是這樣的）在CSS Zen Garden 中有一個(gè)非常好的例子。注意HTML是如何沒(méi)有參與變化而達(dá)成左右導(dǎo)航條轉(zhuǎn)變的，這是CSS變化所產(chǎn)生的效果。
現(xiàn)在搜索引擎已經(jīng)減弱了alt標(biāo)簽對(duì)排名的權(quán)重，幸虧有CSS，您可以有一個(gè)替代方法來(lái)聯(lián)系文字與圖片，并且是一個(gè)更有效的SEO方法。這種CSS技術(shù)被稱(chēng)為“Image Replacement”及圖片替代法，并且不僅可以達(dá)到與文字合并，還可與HTML標(biāo)簽包括Heading標(biāo)簽(H1等)以及鏈接。這種替代的HTML代碼會(huì)出現(xiàn)在搜索引擎爬蟲(chóng)面前而不會(huì)在訪問(wèn)者展示除非故意將CSS在其瀏覽器中關(guān)掉。事實(shí)上，CSS代碼將替代文字和HTML推到一邊（例如，網(wǎng)頁(yè)邊緣外）并且插入圖片。
轉(zhuǎn)自：奈微建站網(wǎng)（www.nev.cn）
總體來(lái)講，為非常鼓勵(lì)應(yīng)用以文本為基準(zhǔn)的導(dǎo)航條而不是圖片導(dǎo)航，這也許就使“image replacement”不必要。當(dāng)然一些時(shí)候由于您公司的品牌方針或其它因素不允許這樣做。因此，在這些情況下，圖片替代就是一個(gè)可行的方法了。例如，www.northland.edu很好的應(yīng)用這項(xiàng)技術(shù)替代了其商標(biāo)和導(dǎo)航。
我有兩個(gè)關(guān)于圖片替代的告誡。首先，不能堆砌關(guān)鍵詞。第二，我想遲早搜索引擎會(huì)查看CSS文檔并且忽視在屏幕外的文字因?yàn)檫@很容易被“垃圾郵件”制造者所濫用。因此，在SEO長(zhǎng)期效果來(lái)看還是個(gè)問(wèn)題。
通常圖片替代技術(shù)是將文字移到屏幕外（比如，將“display”設(shè)置為“none”或設(shè)置“text indent”到一個(gè)很大的負(fù)數(shù)）。這不是很理想的做法。隨著時(shí)間的推移，搜索引擎將會(huì)懷疑。幸虧現(xiàn)在還有一些圖片替代法仍然可以達(dá)到理想的效果，被稱(chēng)為“Leahy/Langridge Method”，“Gilder/Levin method”，“Shea Enhancement”。這些方法都有缺點(diǎn)及優(yōu)點(diǎn)，Mezzoblue的一篇文章將這些解釋的很好。
轉(zhuǎn)自：奈微建站網(wǎng)（www.nev.cn）
CSS還提供了一種可以產(chǎn)生“mouseover”導(dǎo)航的替代方法，這樣的導(dǎo)航仍然對(duì)搜索引擎很友好。對(duì)于基于JavaScript制作的Mouseover導(dǎo)航，搜索引擎爬蟲(chóng)不能夠進(jìn)入其聯(lián)系的鏈接。您可以運(yùn)用CSS達(dá)到同樣的mouseover效果。關(guān)閉瀏覽器中CSS就會(huì)露出所有隱藏在下面的鏈接，所以所有的鏈接對(duì)于搜索引擎爬蟲(chóng)是可見(jiàn)的。理想來(lái)說(shuō)，這些鏈接是文字而不是圖片，所以搜索引擎就會(huì)將錨文本和所鏈接的頁(yè)面聯(lián)系在一起。