You are currently viewing 【SEO攻略】5 招快速提升網頁速度,自然流量滾滾來

網頁的速度是搜索引擎排名的關鍵參數之一。網頁載入的速度越快,用戶瀏覽體驗分數上也越高,自然能獲得更高的SEO排名。本文中,Kent 將會與你分享5種提高網頁速度的方式,幫助你輕鬆打造自然流量!

網頁的速度是搜索引擎排名的關鍵參數之一。網頁載入的速度越快,用戶瀏覽體驗分數上也越高,自然能獲得更高的SEO排名。本文中,Kent 將會與你分享5種提高網頁速度的方式,幫助你輕鬆打造自然流量!

 

網站想要留住更多的訪問者,網頁載入的速度是關鍵指標之一。舉例來說,你的標題及文章寫的很吸引人,但是讀者想要點進你的網站觀看文章等待的時間太長,就算你有再好的內容讀者也會按下一頁離開你的網站,這樣的情況一久不只留不住讀者,搜尋引擎的排名也會慢慢下降。搜尋引擎的龍頭 Google 曾發過聲明,表示網站的載入速度是SEO排名中的考量因素之一,目的在於提供用戶良好的瀏覽體驗。

 

想要知道有哪些工具可以提升自己網站 SEO 排名嗎? 《 SEO軟體: 2022年你必須要擁有的8個 SEO 優化工具 》這篇文章裡的8個工具值得你參考~

 

一、減少使用不必要的外掛

如今架設電子商務網站不再像從前一樣需要懂程式設計,例如 WordPress 就是一個泛用的自建電子商務網站平台,只要安裝 WooCommerce 這個電商平台外掛並套用適合的佈景主題,一個精美電商網站就做出來了。但是隨著套用的外掛越多網站的速度也會受到影響,因為安裝的外掛越多就代表著你的網站主機需要執行越多的程式碼,執行的程式碼一多網站的載入速度也會受到影響,因此慎選外掛成為每個 WordPress 站長必修的課題之一。

 

如果不確定目前使用的外掛有沒有必要,你可以在 WordPress 的後台已安裝外掛的頁面先停用你覺得沒必要使用的外掛,之後回到你的網站前台看看每個頁面有沒有受影響,確定不受影響後再刪除那個外掛。

 
工程師の碎碎唸 - 停用、刪除不必要的外掛
 

二、優化 HTML、CSS 和 JS 大小

一個網頁通常是由 HTML、CSS 與 JavaScript 等三個程式碼組成,程式碼的長度越長需要執行的速度也越久,因此可以適當的使用程式碼優化外掛來適當的縮小 HTML 、CSS 及 JavaScript 的程式碼檔案大小加快網頁的載入速度。

 

Kent 目前使用的免費外掛  WP-Optimize 擁有許多優化的功能,其中就有最小化  HTML、CSS 與 JavaScript 的功能,可以去除網站要載入的 CSS、Javascipt及 HTML 裡的空格、換行符號、程式碼註釋及空行,另外你還可以找找看你的網站主機商有沒有提供 Gzip 壓縮功能,可以再把這些程式碼壓縮的更小。

 
工程師の碎碎唸 - WP-Optimize 最佳化 HTML
 
工程師の碎碎唸 - WP-Optimize 最佳化 CSS
 

PS: 使用 WP-Optimize 優化 JavaScript 程式碼盡量只用縮小(Minify)不要使用合併(Merging)功能,因為合併 JavaScript 程式碼有時會造成不同的程式碼衝突導致網站異常。

 
工程師の碎碎唸 - WP-Optimize 最佳化 Javascript
 

三、避免不必要的網頁重新導向

重新導向 Redirect URL 是一種在入頁面時又將你跳轉到其它頁面的功能,例如你目前點進去 《 abc.com 》這個網站,進去後卻發現網址變成 《 def.com 》,通常這個技術大多用在網站搬家或是文章刪除後需要重新導向至新文章時才會用到,平時隨意的使用都會增加網站的載入時間,所以沒必要就別使用這個技術。

 

四、減少不必要的圖片及壓縮圖片

圖片是網站不可或缺的元素,它能讓你的網站看起來更吸引人,更加專業。但是一個頁面如果含有太多的圖片會增加網頁的載入時間,因為每一張圖片都需要瀏覽器一張張的下載,大量的圖片網站的載入時間自然也更久,萬一圖片又沒有壓縮過載入時間太長就會讓讀者按上一頁離開,進而影響你的網站讀者體驗。

 

一般放在網站的圖片 Kent 會建議使用 JPG、JPEG 格式,這是一個不可還原的圖片壓縮格式(圖片縮小後就無法還原),檔案小十分適合用在網站,如果是要製作透明背景的圖片像是LOGO或是去背的照片則建議使用 PNG 或是 GIF 這2種檔案格式,放在文章內的圖片寬度最好在1000像素(px)以內,檔案大小盡量壓縮到100KB以下。

 

我們可以擅用一些圖片工具來幫我們裁剪、調整或壓縮圖片等功能,像是 Kent 常用的 iLoveImg 這個網站就有裁剪、批量調整圖片大小及壓縮圖片(單次上限30張)的功能,而且剛剛介紹的 WP-Optimize 外掛也提供上傳圖片時壓縮的功能。

 

iLoveIMG 相關教學可參考下面這篇文章
👉【網頁設計】如何調整網頁圖片尺吋? 3種小技巧簡單上手!!

 

五、使用頁面速度測試工具定期跟蹤網站速度

你有過開一個網站等了很久卻還在轉圈圈的體驗嗎? 有的話你肯定也不希望你的網站發生同樣的情況,因為網站載入的時間越久流失的讀者越多,搜索引擎排名自然也不高。想要改善網站的 SEO 分數我們可以使用下列3個工具檢測網站還有哪些地方可以改進:

 

Google Page Speed Insight

Google Page Speed Insight 是 Google 開發的網頁速度偵測工具,站長可以通過這個工具測試及了解網站在不同設備上的載入速度,測試完成會提供完整的使用者體驗報告和網站速度優化的建議,想知道 Google 的搜尋引擎在你的網站中找到哪些資訊嗎? 透過 Google Page Speed Insight 你就能了解 Google 搜尋引擎是如何解析你的網站。

 

WebPage Test

WebPage Test 是 Google 的其中一個子項目,主要用來檢測網站性能,並提供數據分析給用戶以更科學的方式去評估和優化網站。使用WebPage Test的方式也非常簡單,你只要輸入網址就能開始檢測。你也可以自由選擇接近用戶的地理位置和不同瀏覽器或裝置進行測試。WebPage Test會根據每一個層面的表現進行等級評估,並提供優化建議,結果分析也包含一些重要指標如首字節時間、頁面渲染時間、速度指數、阻塞交互時間、文件加載完畢和頁面元素加載時間等等。

 

WebPage Test 是一個用來檢測網站性能的工具。它能提供專業數據分析給使用者,讓使用者以更科學的方式去評估和優化網站。

 

使用 WebPage Test的 方式非常簡單,輸入網址就能開始檢測。你可以自由選擇使用者所在的地理位置及不同瀏覽器或裝置進行測試。WebPage Test 會根據每一個層面的表現進行等級評估,並提供優化建議,結果分析也包含一些重要指標如頁面渲染時間、速度指數、文件載入完成和頁面元素載入時間等等。

 

Google Analytics 網站分析報表

Google Analytics, 簡稱GA,是由Google所提供的免費網站分析工具,可用來分析網頁的流量,追蹤訪問者在網站中的動向,訪問者使用的設備,所在的地區等等數據。它所提供的儀表板也簡潔易懂,是全世界電商必不可缺的數據分析工具之一。其中,GA也提供了網站的速度建議報表,它能計算載入時間,顯示訪問者需要多少時間才能查看內容,並追蹤用戶的點擊與互動。

 

總結

網頁的速度是搜索引擎排名的關鍵指標之一。網頁的載入時間越短,用戶瀏覽體驗的分數就越高,自然就會獲得更高的搜尋排名。所以製作網站時要優先將網頁載入速度考慮在內,刪除或停用用不到的外掛、佈景主題並適度的使用優化外掛才能給用戶更友善的體驗,取得更多的自然流量。