當前位置: 首頁 > 設計知識 > 企業官網設計 > 怎樣才能把網站的css做好?
網站優化對于阿清來說最重要的網站的內部優化,只要把網站內部優化做好了,其他seo步驟才能起到事半功倍的效果。阿清會在后面陸續寫關于站內優化的方法,今天先講seo之站內優化—css優化。為什么說站內優化才是seo中最重要的一個環節呢。各位SEOer可以想想網站優化其實無非就那么幾個重要的環節,而那些環節都是需要持續重復每天要做的事情。不需要太花腦力,只需要把自己當苦力使喚就行了。
而站內優化卻不一樣,不知道大家有沒有體會,幾個人同一時間做網站,都是更新的原創文章,也內部鏈接和外部鏈接、文章優化等等都是差不多的。但是卻 又好壞之分呢?在說一個例子,一些做淘寶客等迅速搶占排名的網站,大都愿意使用博客程序去建站。不僅僅在于博客自身的定義,(博客中的文章,可以解釋為博 主自己寫的,而博主自己寫的定義為原創文章)。這種博客自身的定義對以前來說還是有很大作用的。但是隨著博客的泛濫和大量低質量的博客出現,這點占的比重 也越來越低了。但是大家會說,現在使用博客程序還是會比網站程序容易收錄。的確,這是因為博客程序的內部結構對搜素引擎來說更加友好。博客程序的結構一般 都會比較扁平,內容頁面離首頁的距離很近,更加利于蜘蛛抓取。當然還有很多方法。阿清列舉出這點,只是想說明一點,網站的內部優化十分重要。站長們不要想 著草草做了站,靠什么偽原創、垃圾外鏈等等來提高排名。這樣不僅很累,而且效果還不好。大家可以去看看這兩篇文章《廣州網站建設之新站長需做的準備》和《精簡代碼詳解》。這兩篇都是介紹網站內部優化的。
好了言歸正傳,講css優化,主要講css執行效率。廣州網站設計畢竟網站的執行效率跟seo也是有很大關系的。在這之前阿清需要介紹一下css選擇器的執行和瀏覽器渲染過程。
首先瀏覽器是從右至左來處理選擇器的,那么再來說下瀏覽器工作的過程,這里是渲染的過程,得到數據之后,瀏覽器要先繪制一個DOM樹,然后再有一個 “reflow” 的過程,這個過程就是在CSS 文件下載之后,確定要渲染的元素在DOM中的位置,而CSS 樣式中,很多很多在應用的時候都要有一個“reflow” 的過程,所以,避免這個過程,后者減少這個過程,都會相當大的提升瀏覽器的效率。
還有一個就是 CSS 選擇器的優先問題了,這個這里不多說了。那么阿清來講個例子吧,直接上代碼例如,我們通常的選擇器會這么寫:.main .pright div a{color:red;}
那么根據上面說的幾條,瀏覽器的工作過程是繪制好DOM 樹之后,就會查找頁面中所有a 元素了。查找到所有的 a 元素之后,又開始查找出于 .main類下面的.pright類再找div,最后找到a標簽,如果這個div里面有好多好多a元素就會是一個非常耗費資源的事情。那么如果這里有更多 個.XXX 呢?
所以我們可以這么寫,在div里的所有a元素都加上class=“XXX”,選擇器就會這樣寫了:.main .pright div a .XXX{color:red;}
這樣寫效率就會高很多,此類例子還有很多。例如層div嵌套過多寫的樣式可能也會有這種情況。其實現在很多CMS還有一些前端的高手都注意到了這一問題。不明白的人會比較郁悶,為什么都是底層了還要在每個元素中加上class樣式呢
?
上一篇:網站優化為什么要從網頁設計開始
下一篇:提高百度收錄的技巧有哪些
掃一掃關注古柏
GOOBAI AD.
Brand Whole Case Design
4000-882-993
www.hzzsyx.com
微信加好友咨詢
廣州古柏廣告策劃有限公司
地址:廣州市天河區東圃長盛商務大廈B213-215
Copyright?2004-2020 GOOBAI Inc.All rights reserved
粵公網安備: 44010602001481號
備案號:粵ICP備09222445號
與古柏對話
關注古柏