本帖Z后由 黃聰 于 2013-10-23 11:38 編輯
         Moon老大的試驗班出爐了,要求同學們都用wordpress做自己的網(wǎng)站。雖然wordpress的免費主題在網(wǎng)絡上已經(jīng)有成千上萬個了,但是在我看來,很多主題都是不符合SEO優(yōu)化的。


         這些主題不但不美觀,而且大部分充斥著作者的暗鏈、廣告,其實對站長們的傷害很大,為了幫助同學們更好的使用wordpress進行自己網(wǎng)站的優(yōu)化,我決定出一個wordpress系列的教程,給大家做個參考,第一篇我們講講wordpress主題代碼的優(yōu)化。


         Wordpress主題代碼優(yōu)化


         wordpress代碼優(yōu)化的核心在于:代碼能少則少,以提高網(wǎng)站加載速度為核心目的!優(yōu)化你的代碼,如果你的網(wǎng)站是放在虛擬空間,不要讓你的網(wǎng)站加載時間超過5秒以上;如果是放在VPS中,不要讓你的網(wǎng)站加載時間超過3秒以上。


         為什么我這樣說呢?那是因為百度對網(wǎng)站的打開速度有硬性的審核標準,甚至在百度站長工具中還特地推出了頁面優(yōu)化建議工具。這意味著百度是希望站長優(yōu)化自己網(wǎng)站的打開速度的。如果你的網(wǎng)站打開速度慢則很有可能被降權(quán)。


         那怎么做主題代碼優(yōu)化呢?


         請大家不要著急,我接下來給大家一個重要的解決方案:將我們的主題代碼優(yōu)化到Z精簡。其Z重要的是優(yōu)化table嵌套、header優(yōu)化、js和css的合并分離優(yōu)化。


         1、 避免table嵌套:我看了很多的wordpress免費主題,為了簡單,采用大量的table嵌套,而瀏覽器在加載table的時候,是需要將程序完全加載才能渲染出來的,有一些主題甚至缺少table的關閉標簽,導致瀏覽器無法正常渲染而卡在table標簽處。做網(wǎng)站,應該盡量少用table標簽,采用div+css的方式來繪制表格可以更好的提高網(wǎng)站打開速度。

         2、  header優(yōu)化:大家可以查看一下自己網(wǎng)站的header標簽,是否有一大堆不知道什么用的meta標簽?如下圖所示(某使用wordpress默認模版的網(wǎng)站):

1.png (86.95 KB, 下載次數(shù): 0)

下載附件

2013-10-10 12:37 上傳



         一大堆亂七八糟的鏈接和注釋,甚至引用了其他網(wǎng)站的文件,眾所周知,只要你的代碼中引用了文件,那么瀏覽器就會去加載完這些文件才會繼續(xù)執(zhí)行之后的代碼,如果其他網(wǎng)站的文件丟失了,那么瀏覽器將會花大量時間等待這個文件響應,而這些都是會增加網(wǎng)站打開時間的。而我的網(wǎng)站則通過精簡,只保留搜索引擎需要的meta信息和必要的文件鏈接,從而使得header更加簡潔和高效,如下圖:


2.png (28.73 KB, 下載次數(shù): 0)

下載附件

2013-10-10 14:30 上傳



         3、  js和css的合并分離優(yōu)化:很多網(wǎng)站的所有js和css代碼,都是寫在一個文件里面的,這樣雖然方便了管理,但是會導致頁面加載的時候,需要加載很多不必要的代碼,導致時間加長。


         而我的解決方法就是將每個頁面都需要的js和css分別放置在一個文件內(nèi),而其他每個頁面特有的js和css,則自己獨立創(chuàng)建文件,針對性的引用。比如共同的css都放在style.css中,首頁才有的css就寫在style-home.css中,只有在首頁才引用,其他頁面則不引用,這樣就可以大大提高網(wǎng)站的加載速度了。


         看了上面的幾個優(yōu)化要點,大家肯定還有疑問。所以,我接下來給大家看看我自己做的現(xiàn)成的案例,大家可以直接看我優(yōu)化的廣西育龍單招網(wǎng),網(wǎng)址是http://www.gxdzxx.com,通過源代碼大家不難發(fā)現(xiàn),我的源代碼已經(jīng)做到Z精簡的程度了,沒有table嵌套,header沒有多余的內(nèi)容,js和css只有必要的才添加。


         沒有多余的代碼,自然加載速度可以優(yōu)化到Z快。


         總結(jié)


         當然,網(wǎng)站的打開速度除了代碼以外,還有很多地方要注意,這僅僅是其中一個細節(jié),但相信也是站長們都需要關注的。下一篇文章我們會講如何做好wordpress的SEO優(yōu)化之插件篇,感興趣的朋友敬請等待佳文出爐!


         系列文章
         《Wordpress新手必看的SEO優(yōu)化技巧(一)【主題代碼優(yōu)化篇】》
         《Wordpress新手必看的SEO優(yōu)化技巧(二)【插件優(yōu)化篇】》
         《Wordpress新手必看的SEO優(yōu)化技巧(三)【標題優(yōu)化篇】》
         《Wordpress新手必看的SEO優(yōu)化技巧(四)【URL優(yōu)化篇】》
         《Wordpress新手必看的SEO優(yōu)化技巧(五)【數(shù)據(jù)庫優(yōu)化篇】》

webseo.com.cn 2013-10-10 14:03