首頁 找知識 搜尋行銷. 做 SEO 你絕對不可以忽略的【網站速度優化】,關於速度優化的三兩事

做 SEO 你絕對不可以忽略的【網站速度優化】,關於速度優化的三兩事

平常在 awoo 服務時,我們最常做的就是建議客戶做好"網站速度優化",但若要做好速度優化,其實是一件需要時間成本的勞力活,許多客戶在收到顧問文件時都會哀豪著…

"做這個速度優化這個很麻煩,可能要花很多時間耶"

"這東西重要嗎?能不能先做別的?"

"這到底跟 SEO 有甚麼關係?為什麼 awoo 要建議我們做這個?"

透過這篇文章,我們想跟你說:是的,網站速度非常重要,我們強烈建議你一定要做好

究竟網站速度重要在哪?

Google 於 2010 年曾經正式公告,網站速度是搜尋排名的因素之一,我想這對大家來說並不是新鮮事,在這篇文章中我們可以看到官方的論點、提升網站速度的方法。

speed01

有趣的是,今年 1 月 Google 在官方部落格正式說明甚麼是 "Crawl Budget",文中提到,因為搜尋引擎的效能還是有限,它去每個網站抓取資料的量是有個上限的。

簡單來說,搜尋引擎每一天只願意花固定的時間、資源在你的網站上抓取資料,超過這段時間它就會離開,因此,讓搜尋引擎能夠順利地抓取我們網站的資料、讀懂我們的網站是很重要的。

"Making a site faster improves the users’ experience while also increasing crawl rate."

(優化網站的速度,能同時提升使用者體驗與 Google 抓取網站的資料量)

從這段話中,我們更可以看到官方已證實,"網站速度"本身不只影響你的排名,甚至還會影響網站是否 SEO – Friendly(如果網站速度慢到搜尋引擎抓取資料有困難,我想你應該擔心的不只是 SEO,網站的使用者經驗同時也是會受到影響的)

最後,我們根據 radware 過去曾經做過的報告來看,網站速度每慢一秒,就會影響到使用者的跳出率、轉換率、平均訂單價值、甚至是瀏覽量。

1-second-delay-chart

(圖片轉自Radware

Radware 的報告中更提到,有 30 % 的使用者在造訪該網站後、若對該網站的速度不滿意,將絕對不會再次回訪你的網站。

speed07-768x528

(圖片轉自Radware

我們其實可以很輕易的想像到,在行動裝置盛行的年代,有許多人在搭公車、捷運,甚至是中午與同事一起用餐時使用手機,許多時候我們只有短短的 3-5 分鐘可以偷偷用手機逛個商城、看個 Facebook。使用者只有寶貴的 3-5 分鐘能用手機上網,你的網站卻每點一頁就要讓使用者等上數十秒,很理所當然的會讓使用者感到反感、甚至讓他們不想再回訪你的網站。

我們可以從上述的資料得到很簡單的結論:如果你沒有做好網站速度,你的轉換率、跳出率、平均客單價會受到影響、搜尋排名會受到影響、網站被搜尋引擎抓取的狀況也會受到影響。

談網站速度優化,千萬不要用體感

現在有許的測試工具可以幫助你測試網站速度的狀況,我們會建議你千萬不要自己感覺"我的網站很快啊?我打開首頁不用兩秒",因為你的客群未必跟你一樣擁有良好的網路環境(尤其是手機上網,有許多使用者都在網路環境很差的狀況下上網),你也沒辦法保證搜尋爬蟲的爬取效能有多好。

你可以參考以下的工具,來幫助自己檢測網站的速度:

Google PageSpeed 為 Google 推出的網站速度優化工具,它的好處是操作較容易、提供的資訊也較為單純,你能夠從中快速看到自己網站的問題,常見的圖片壓縮、Gzip、伺服器回應時間他都能夠幫你檢測出來,甚至電腦版與行動版的檢測結果都能夠一起查看。

speed02

YSlow 為 Yahoo 推出的瀏覽器插件,它提供的資訊比 Google PageSpeed 還要再更完整一些,如果你在 Google PageSpeed 上找不到自己網站速度慢的原因、或你希望看到更詳細的資料,你可以使用 YSlow 來診斷網站速度的健康狀況。

speed03

WebPageTest 為目前速度檢測工具中,資料最為詳細的一款,它會幫你列出網站上每一隻 CSS、Javascript、圖片的下載速度,並整理成完整的報告給你,這個工具也是 Google 官方認可的測試工具,但讀懂 WebPageTest 的報表,需要有點網頁技術的基礎,如果你覺得網站速度很慢,WebPageTest 你一定能找到問題在哪、並從中改善網站速度的問題。

speed04

網站速度優化中,常見的優化項目有哪些?

  • 使用瀏覽器快取功能

快取功能可以讓使用者在造訪你的網站時,讓他先將部分的檔案先存取起來,於下次造訪時他就不必重新下載這些檔案,進而提高網站的瀏覽速度、使用者經驗。

  • 最佳化圖片

最佳化圖片指的是你圖片的大小,假設你的網頁上只需要 300 x 300 pixel  的圖片就可以顯示出很清楚、清晰的圖片給網站使用者,但你卻上傳了 600 x 600 pixel  的圖片到網站上,這會造成使用者的負擔,雖然我們在頁面上看到的確實是 300 x 300 pixel 的圖片,但使用者在實際跟伺服器發出請求、並下載檔案時,下載的是 600 x 600 pixel 的圖片,尤其如果你的網站圖片很多,卻又沒有進行最佳化,這會大大的影響網站的速度。

  • 優化 http request 數量

我們網頁上的每一隻 Javascript、CSS、圖片都會讓使用者需要跟伺服器多發出一次請求,假設你有 20 隻 CSS,瀏覽器就必須跟伺服器互動 20 次才能拿到全部的檔案,因此過多的 CSS 與 Javascript 會導致使用者在與伺服器互動時需要執行較多次的 http request,這當然會大大的影響網站速度,尤其有些網頁工程團隊因為分工的關係,很容易會產生太多隻  CSS/Javascript ,我會建議你盡可能地將 CSS/Javascript 合併,控制在合理的數量以內。(當然這也要看網站的規模、架構,但即便你的網站確實需要大量的 CSS/Javascript,我還是建議你盡量將它們合併,不要讓使用者執行過多的 http request)

  • GZIP 壓縮功能

GZIP 為網頁上非常常見的功能,它可以有效的將網頁資源壓縮,進而提高使用者的下載速度,GZIP 也是 Google 官方提倡大家一定要善用的功能。

awoo 的 SEO 團隊如何看待【網站速度優化】

在 awoo 服務過的上百個網站中,網站速度永遠是我們提供顧問流程中的重點項目,檢測客戶網站的速度狀況更是我們分析網站 SEO 的 SOP之一,但改善網站速度可能需要整理 Javascript、CSS,甚至要請網站營運人員養成圖片壓縮的習慣,我們很清楚這是需要時間成本、需要人力來做的工作,但也因為我們知道它的重要,所以 awoo 一直以來都極力推動網站速度優化的概念,即便客戶會改的很辛苦、即便營運人員會抱怨連連,我們還是像健身房的教練般,在旁邊協助你舉起那 30 磅的啞鈴,因為我們清楚,做 SEO,從來就不是一件輕鬆的事,但做網站優化就像健身一樣,辛苦後你會得到甜美的回饋。 

如果你的 Google PageSpeed 沒辦法優化到 90 分,我們會建議你至少優化到 70-80分以上,在 awoo 的工具球來就打中,我們也有把網站速度的優化項目加進檢測項目,希望透過文章知識的分享、平日客戶的顧問服務、awoo 工具的使用,來告訴大家速度的重要性。

當然,如果你是 awoo 工具的用戶,你可以不用使用 Google PageSpeed、或 是YSlow,因為我們除了速度優化的項目之外,也有其他 SEO 的項目檢測。

(在球來就打內你可以看到速度優化項目的身影,那就是我們在告訴大家"這東西很重要")

speed05

最後,還是祝福所有的網站主都能經營好自家的 SEO,透過搜尋引擎為網站創造價值。

awoo-article

留言

關於 awoo SEO 關鍵字行銷誌

awoo SEO 網路行銷誌。在全球,搜尋引擎行銷已成為網路行銷最重要的工具。在台灣,搜尋引擎行銷已占了總體網路行銷廣告預算的二分之一。在過去,搜尋引擎行銷造就了Google, 改寫了大者恆大的商業秩序。在未來,搜尋引擎行銷將會用更不一樣的姿態, 走入我們生活的每個角落。

大家都在看

TA攻略|消費者行為分析

TA攻略|消費者行為分析

你的 TA 出沒的渠道為何、是否能清楚定義 TA 輪廓、TA 容易被什麼樣的行銷訊息打動?這三個問題所討論的皆涵蓋在消費者研究的範疇內,企業設定 TA 時不該是憑感覺,也不該是看競品往哪跑就往哪追,更不該是等銷售成績出狀況後無根據地修正。

還想知道更多數位新知?快來訂閱 dcplus 關鍵分享報