跳到主要內容

SEOmoz系列 - 七個優化網頁開啟速度的方式

seomoz可以說是seo界的重要領導者,尤其每個禮拜五他們都會有一個"Whiteboard Friday"的免費影片課程,往後我們就會持續的分享每個禮拜的"Whiteboard Friday",並將其內容中文化,讓更多對SEO領域有興趣朋友能夠持續的補充新知。

這個禮拜的話題是關於網頁開啟的速度對於SEO的影響,首先,我們要先了解:為什麼要優化網頁開啟速度?在今年四月(2010/04)的時候,Google總算公開表示,網頁開啟因素將會是網頁排名的參考因素之一(2010/04/09 Official Google Webmaster Central Blog: Using site speed in web search ranking)。其實不管Google有沒有設為排名參考因素,一個開啟太慢的網頁,本來就是會被使用者唾棄的。那個時候我也在想要網站排名名列前茅?先加速你的網站吧!一文中提過同樣的事情,但是那時候並沒有聊該怎麼做。那有怎樣的方法,可以加速網頁開啟的速度呢?我們先看以下的影片:




根據影片的介紹,如果你想要有效的提升網頁開啟速度,你有以下七個目前被認為最有效的方式:

  1. Gzip啟用:Gzip理論上是網頁主機該提供的服務,可是君不見台灣許多主機商都並沒有提供這項功能。"Gzip"顧名思義,就是把網頁先打包(Zip)好之後,再傳遞給使用者端(Client)。就像我們在寄發電子郵件的時候,會先將檔案壓縮,以避免檔案過大或是超出附件大小限制。如果你的主機商沒有提供這樣的服務,那最好早點換一家比較好!

    檢測網站是否使用Gzip:
    http://gzip.zzbaike.com/ (簡) http://www.whatsmyip.org/http_compression/ (英)

  2. 將你的Java及CSS瘦身:不必要的程式碼就把它拿掉吧!如何優化,Wiki上有提供許多優化的方式,請見Wikipedia:Minification_(programming)

  3. 使用內容傳遞網絡(Content delivery network):這個部分可以分為系統面及操作面來討論,不過由於系統面部分可以扯很久,我就簡單講操作面的部份。

    網頁主機的頻寬是影響SEO的因素之一,但是除了文字,事實上占頻寬最多的,通常都不是這些文字,而是眾多的影片及圖片。而內容傳遞網絡運用到現在的網路生態,其中一個概念就是:把這些媒體搬出網站,譬如說把圖片及影片放到可供外連的空間(如Picasa、Pixnet、Youtube......等),讓這些大公司幫你分擔頻寬,而且你付出的金額可能可以幫你省下更多的頻寬費用,例如Picasa一年只需要花5美元(台幣約16元)就有20G的相簿空間,台灣知名主機商戰X策如果爆流量的話,一個月要多付200元,哪個划算高下立判。另一個概念就是運用技術縮短資料到使用者端的時間。像P2P服務、優化Cache存取......等,基本上就是一個代理伺服器(Proxy)的概念。所以這也是為什麼,我們常常說在哪個國家開網站,就在當地申請主機會比較好。
  4. 圖片優化:有些開啟頁面很慢的網頁,通常就是放了一堆圖,那這一堆圖偏偏又沒有調整過大小,曾經看到一個超級設計不良網站,硬是把高達4M的相片放到網站上。雖然說現在20M的網路正式上路了,但是這樣的情形一來是吃主機的頻寬,還延遲了網頁的開啟。所以,一來把圖片外連到其他平台之外,你還可以使用一個叫做Lazy Load的jQuery插件,來延遲圖片載入。簡單來說,他就是讓網頁的內容先跑完,當你滑鼠滾動到的地方,再載入圖片。可以快速有效的縮短開啟網頁的時間。

    Lazy Load Plugin for jQuery
    香腸炒魷魚:Lazy Load 延遲圖片載入,讓網站更順暢
  5. 外部載入JavaScript/CSS:有些設計不良的網站,就直接把CSS或是JavaScript寫在網頁的檔案裡面,這樣就會讓網頁的大小變得很大,自然就會延遲載入的時間。最好的方式就是將JavaScript及CSS另外存檔,再使用語法載入。
  6. 避免重複轉址:許多網站都喜歡轉址來轉址去的(301/302/Meta refresh),停止這行為吧。
  7. 減少檔案使用:這部份有許多技巧要講,在這裡先介紹CSS Sprites。一般我們製作網頁通常會用到許多的小圖示或是圖片,但是就一個網站負載而言,每多一次圖片的載入,就多消耗一次頻寬。CSS Sprites的技術,就是把這些圖片通通集合在同一張圖片之上,在載入網頁的時候只需要跟伺服器請求一次圖片的下載,有效可以提昇網頁讀取速度。

    CSS Sprites 產生器,改造網頁以加快圖示載入速度
看完了上述的優化技巧,你是否想趕快開始動手呢?如果你不清楚你網頁開啟的速度究竟是快或是慢,記得到Google的網站管理員工具中Google 研究室的網站效能,去看看你的網頁開啟來是幾秒唷!而Google的建議值是希望在1.5秒以內,其他的都會被判為「緩慢」唷。

Speed UP!User Friendly UP!

原文出自於seomoz.orgWhiteboard Friday - 7 Ways to Take Advantage of Google's Site Speed Algorithm (Pop-Up Video Style),影片版權歸seomoz所有

留言

這個網誌中的熱門文章

2022年了, Google 都建議你不要做 sitemap 了:重新認識 SEO 中的 Sitemap

首先,如果我跟你說你的網站 其實可能「不」需要 Sitemap ,我想這句話會顛覆多數人的認知,但實際上這句話卻是 Google 官方文件白紙黑字寫出來的[1],以下是可能「不」需要 Sitemap 的情況: 網站規模很「小」:所謂的規模很「小」,指的是網站的 網頁數不超過 500 個  (以您認為有需要納入搜尋結果的網頁為準)。 網站內部的連結完善:這表示 Google 可以透過首頁的連結找出網站上所有的重要網頁。 要顯示在搜尋結果中的媒體檔案 (影片、圖片) 或新聞網頁數量不多:Sitemap 可協助 Google 在您的網站上找出影片和圖片檔或新聞報導,並加以解讀。如果您不需要讓這些內容出現在圖片、影片或新聞搜尋結果中,可能就不需要 Sitemap。 其實絕大多數各位手邊的網站,真的有需要納入搜尋結果的網頁,各位請自行捫心自問一下:真的有超過 500 頁嗎?如果是電商,你的商品數真的有那麼多嗎?當然這是極端的說法,因為我相信大家都會覺得說:那有一天我超過 500 個怎麼辦,或是我是新網站怎麼辦?

做 SEO 看 DA, DS, DR 等第三方評比分數真的是對的嗎?

 據說整個爭議都源自於這個留言 為什麼我會有這個反應呢?源自於該文作者的一段話 當然我絕對不反對「 反向連結,是另一個SEO『最大的』排名要素 」、「 內容,是SEO『最大的』兩大排名要素之一 」,這兩句話絕對沒有問題,但當拿 kknews 來做舉例的時候,這中間影響排名要素就不是只有「連結」跟「內容」了,所以我舉了一個 Pchome 新聞 DA87 (DR85) ,也有豐富內容來做反例之後,後面的整個 SEO 重點就跑偏了。 做連結跟做內容是錯誤觀念,建立使用者搜尋關鍵字跟網頁相關性才是本質 「相關性」,其實是搜尋引擎在判斷哪些網要優先出來在搜尋結果內的核心關鍵,而一個頁面的相關性建立最基礎的兩個方式: 搜尋者的關鍵字有沒有出現在該頁面中,包含 title, description 跟內文等等等 其他講這個關鍵字的外部跟內部頁面會不會也連到該頁面中 所以為什麼連結建立跟內容優化會是 SEO 的關鍵。當然排名要素還有很多,不單只是這兩個排名要素,那 kknews 跟 Pchome 新聞到底差在哪呢? 全站內同一關鍵字可能有 N 篇文章,我們先來看熱門的文章之一「俄羅斯女孩,為什麼結婚前很漂亮,結婚後迅速變大媽?」 文章很棒、很有價值,妹也夠正,搜尋「俄羅斯女孩」也的確排在很前面,1, 2 名都是 kknews 的結果 但,這真的是高 DA 或高 DR 的結果嗎?根據多年做 SEO 的經驗談,往下看延伸閱讀才會是真正的關鍵結果。 kknews 這種農場最擅長的是,就是把同一篇文章換句話說改寫成數以百計的文章(黑帽說法: 偽原創 ),來增加「俄羅斯女孩」在整站裡的相關性,並且每篇文章都還會用「相關文章」互相連結,這個才是讓 kknews 長期佔據搜尋結果排行榜的關鍵。反觀 Pchome 新聞,由於新聞大多數時間都是「單一事件」,同一關鍵字在 Pchome 新聞站內的內容不多,所以站內連結也少,更重要的是:大多數的新聞都非原創。 從此可知,單靠一篇文章就想要好的排名其實是不太可能的(當然有時候有例外,但那是非常冷門的關鍵字)針對單一主題或關鍵字,從內容的持續生成策略、內部頁面網網相連,到外部網站的支持、社群的分享,做連結跟內容如果沒有從相關性提升的邏輯下去操作,基本上就會是錯誤的觀念。 那連結怎麼建立才會是對的?DA, DS, DR 只是結果 為什麼現在有一堆網站都提出了

SEO建議做在QDM內建還是WordPress上比較好?電商內容行銷實務分享

那天有一位社團成員匿名發問:SEO建議做在QDM內建還是WordPress上比較好?他的問題是: 我們家使用QDM系統,有意願做SEO,之前因為QDM內建的部落格版面老闆覺得醜,所以另外用Wordpress自建了一個部落格目前兩邊都是有文章的,想問大家這個情況,SEO建議做在QDM內建的還是Wordpress上比較好呢? 其實他的問題是:如果我想透過內容行銷或產生文章來做好 SEO ,那我應該用電商平台內建的部落格功能,還是另外架設一個外部網站(如用 WordPress)來放內容呢?這個問題嚴格來說是老生常談,但在回答這個問題之前,我們先複習一下先前 台灣電商開店平台 SEO 能力大解析 中,電商平台 有沒有部落格功能這一評分標準 ,其實就會跟我們今天的解答有關係。