5個網站優化方法,改善網站PSI分數

Author: 路卡斯特
webdesign-seo-ux-ok
 

你的網站PSI分數好嗎?

網站的架構分數(PSI)好不好,將會影響SEO的關鍵字排名,PSI分數高代表網站架構符合Google標準,分數低就代表架構差不符合Google標準。Google在2020/5/28提出「網頁體驗指標」,主要就是希望網頁設計做到「使用者體驗」,可能造成體驗變差的設計都應該避免,以下提供幾個網站優化方法,可以幫助網站提昇 PSI 分數的方法。
延伸閱讀:UX/UI不一樣,UI/UX設計是什麼?
〈延伸閱讀:好的SEO網站架構是什麼?這樣做SEO成功率才會高!
【先測試一下網站分數:  Google PSI 】
 
PSI 是什麼? 
Google PageSpeed Insights,簡稱 PSI,是Google提供給網站管理者檢測網站架構的工具,檢測後分數從0~100分,紅字就是差(0~49)橘字就是中等(50~89)綠字就是極佳(90~100),SEO排名至少要達到80分以上才是比較好的,最新的PSI指標是針對「使用者體驗」作為評分的依據,指標有 Largest Contentful Paint (LCP)最大內容繪製、Cumulative Layout Shift (CLS) 累計版面配置轉移、First Input Delay(FID)首次輸入延遲、Total Blocking Time(TBT)封鎖時間總計,都是針對網站體驗而來,只要「網站慢」、「效率低」、「使用者體驗差」都會得到低分,SEO優化成效差一定會影響網站排名。
測試SEO架構工具: Google PageSpeed Insights 
延伸閱讀:PageSpeed Insights 是什麼? 對SEO有影響?


透過PSI工具測試網站架構分數

ux的高效能網站

方法一:首頁不要放影片

第一個網站優化的方法就是「首頁不要放影片」,首頁是使用者進來的第一個頁面,很多人喜歡把Youtube影片嵌到首頁,Youtube是第三方影音程式,所以首頁會載入這個第三方程式,影片就成為首頁拖速的元兇,如果非必要,建議把影片放到其他單元,如果是產品影片就放到產品單元,如果是公司簡介影片就放到關於我們,如果是報導影片就放到最新消息。網站載入慢可能還沒播到影音,使用者可能就跳出了,第一個網站優化的方法就是「首頁不要放影音」,尤其是第三方影音(Youtube、Vimeo),可以用圖片附上連結取代。
延伸閱讀: SEO網站速度重要關鍵 -Page Experience


方法二:圖片壓縮並控制數量

網站圖片是拖慢網站速度的原因之一,像是首頁大圖輪播不要超過三張,其實90%的首頁大圖點擊都發生在前三頁,第四張就已經沒什麼人在看了,圖片尺寸一定要先對,然後在同一個尺寸之下進行圖片壓縮,壓縮到肉眼看不出來且可接受的最小檔案,一樣是1280寬的圖,原圖300K要至少壓到100K以下才行,圖片數量能少不要多,像是首頁的長度與資料量要控制,不能放過多的圖片,這些都是影響PSI分數的因素,縮圖、控制圖量是很重要的網站優化,能盡量做到就能得到好的速度。
壓縮圖片工具:TinyPng


方法三:移除多餘程式與效果

網站重視形象與內容,但不一定需要這些多餘拖速的動畫效果,這些動畫效果並不能幫您帶來訂單,多餘動畫效果只會讓網站變慢, 影響PSI分數,還有不要用緩載入圖片的程式效果,雖然適合手機瀏覽模式,但影響了網站整體速度。首頁跳出提醒視窗的效果也是網站拖速的原因之一,建議不要用。第三方程式如果沒有用到的也要移除,例如:監控網站流量的工具只要裝一套就好,不要裝一大堆追蹤程式碼,例如:沒有用臉書網站數據就不要裝,裝GA就好,沒有用到的第三方程式碼都應該移除,這些都會影響網站PSI分數,第三個網站優化的方法就是「移除多餘的程式」。
延伸閱讀: 網頁設計畫錯重點,網站就失敗了


方法四:不要用Wordpress

很多網站都是用Wordpress設計的,Wordpress安裝也很方便,通常是免費或是以很低的價錢就能取得,但是Wordpress的架構因為綁了太多的模組化程式,程式太肥了所以不適合網站優化,無需辯論,將Wordpress網站,用Google網站測試工具(PSI)測試就知道了,分數告訴我們Wordpress不是一個適合優化的網站架構,即使它有方便的SEO外掛套件與優化圖片工具,如果堅持還是要用Wordpress那就要好好的慎選樣版、套件並做好調教,如果網頁設計公司沒有把Wordpress調到中等分數的能力,真的就不要勉強了,不要用Wordpress是第四個網站優化的方法。
〈延伸閱讀: 企業用Wordpress網頁設計好嗎?
測試網站分數:  Google PSI 】
 
Wordpress 是什麼? 
WordPress是一個免費的開放原始碼網站系統,主架構是部落格格式,可以自由下載檔案架設網站並可以依需求外掛各種程式,架構以PHP為程式語言、以MySQL為資料庫,是全世界使用率最高的部落格系統,網站使用超過7000萬,由於WordPress是模組化網站,因此綁了很多模組程式,以致於WordPress的PSI一直處在低分,這是WordPress的原生劣勢,優點是成本低、架設快速、具備各種SEO外掛套件。



方法五:不要用Bootstrap

如果您可以把Bootstrap製作的網站架構分數調整到很高,那麼沒人會反對使用Bootstrap,但是90%使用Bootstrap的人並不一定是專業的前端工程師,可能由網頁設計師或是後端工程師兼任前端的切版,因為Bootstrap的學習門檻較低,只要有心都能學會,但是你會用Bootstrap不代表就是專業的「前端工程師」,就能把網站優化到最佳,如果你希望網站可以達到SEO 最佳化,那麼就放棄Bootstrap,除非你會完整優化Bootstrap,讓網站SEO的PSI分數提高。SEO架構分數調不高,使用者體驗(UX)當然也不會好,一定會影響SEO排名的效率,這是我們給你的第五個網站優化方法。
延伸閱讀: 網頁設計為什麼需要前端工程師?
 
Bootstrap 是什麼? 
Bootstrap 是用在網站的前端網站框架介面,主要是用於實現RWD的網站,RWD目的是可以適應於不同裝置,Bootstrap 就是一個已經把 HTML、CSS、JavaScript 都整合好的RWD框架工具,可以方便網站設計公司快速組裝網站,可以有效降低成本與減少開發時間,但因為有很多的前端元素綁在一起,以至於網站的效能不佳。
延伸閱讀: RWD網頁設計並沒有都一樣!



結論

網頁設計需要圖片、文字、效果、影片...去完成一個完整網站,網頁設計的過程中如果可以秉持SEO邏輯去設計,那就可以在設計初期就可以完成網站優化,也就是高PSI分數,像是:首頁不要放影片、圖片壓縮與控制數量、移除多餘的動畫效果、不要用Wordpress、不要用Bootstrap,一開始就做到是最好達到PSI高分的方法,如果你的網站已經完成並上線了,已經無法做基礎性的改變,不要氣餒,只要改變可以改的部分就好,其他就要用其他方法去完成SEO優化,可以看下面的延伸閱讀。
延伸閱讀: SEO是什麼?SEO怎麼做?2021重點教學
〈延伸閱讀:什麼是RWD? RWD跟AWD有什麼不同?

(本文為達文西數位科技所有,轉載文圖請註明出處)
 
邁入網站與SEO工作已經超過20年,喜歡探索新知與研究技術,總是希望給您最適合的解決方案。

SEO套版網站,優惠 $ NT 62,000 (1年代管+SSL)

請與我們聯繫
線上客服 TOP