5個網頁設計建議,優化使用者體驗(UX)

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

Google在2020/5/28提出最新的SEO指標V6版Page Experience(網頁體驗),主要就是在提醒網頁設計公司在設計過程中,應該把網頁設計主軸放在「使用者體驗(UX)」上,可能造成網頁體驗(使用者體驗)變差的項目都應該想辦法避免,很多的細節的調教才能造就一個絕佳的網頁體驗(Page Experience),以下就是針對網頁設計給你的5個網站優化建議,改善使用者體驗(網頁體驗)的方法。
 
Page Experience是什麼? 
Page Experience 中文翻譯是「網頁體驗」是由Google在2020年5月28日正式於官網網站公佈的SEO指標(V6版),其中的幾個SEO指標因素都是針對「使用者體驗」作為評分的依據,最主要的新增指標是Largest Contentful Paint(LCP)最大內容繪製、Cumulative Layout Shift (CLS)累計版面配置轉移、First Input Delay(FID)首次輸入延遲、Total Blocking Time(TBT)封鎖時間總計,這四個指標都是針對網站速度而來,也就是說只要是「網站慢」、「效率低」、「使用者體驗差」都會得到低分,SEO優化成效差一定會影響網站排名。
Google測試SEO優化工具: Google PageSpeed Insights 


首頁不要放影片

首頁是使用者第一個進來的地方,大家都想要在這一頁充分表達自己的想法,於是把Youtube影片嵌入到首頁,第三方影音程式就這樣硬生生的成為網站首頁拖速的元兇之一,如果非必要,建議把影片放到其他單元,如果是產品影片就放到產品,如果是公司簡介影片就放到關於我們,如果是報導影片就放到最新消息,網站使用者體驗(UX)差,影音可能還沒播放瀏覽者就可能直接跳出了,這是我們給你的第一個網站優化建議,首頁不要放影音,尤其是第三方影音(Youtube、Vimeo)。
<延伸閱讀: SEO網站速度重要關鍵 -Page Experience>


圖片壓縮並控制數量

首頁的形象大圖也是拖慢網站速度的原因之一,首頁大圖輪播不要超過三張,其實90%的首頁大圖點擊都發生在前三頁,第四張就已經沒什麼人在看了,真的不需要把心力放在第四張以後,圖片在同一個尺寸之下要壓縮圖片品質,一樣是1280寬的圖,原圖300K要至少壓到100K以下才行,圖片數量能少不要多,像是首頁的長度與資料量要控制,不能放過多的圖片,這些都是影響使用者體驗(UX)分數的因素,縮圖、控制圖量是很重要的網站優化建議,能做到就能得到好的速度。


移除多餘程式與效果

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


不要用Wordpress

很多網站都是用Wordpress設計的,Wordpress安裝也很方便,通常是免費或是以很低的價錢就能取得,但是Wordpress的架構真的不適合優化,您把Wordpress設計的網站,用Google網站測試工具來測試就知道了,分數告訴我們Wordpress不是一個適合優化的網站架構,即使它有方便的SEO外掛套件與優化圖片工具,如果堅持還是要用Wordpress那就要好好的慎選套件與速度調教,如果您的網頁設計公司沒有把Wordpress調到中等分數的能力,真的就不要勉強了,不要用Wordpress是我們給你的第四個網站優化建議。
<延伸閱讀: 企業用Wordpress網頁設計好嗎?>


不要用Bootstrap

如果您可以把Bootstrap製作的網站架構分數調整到很高,那麼沒人會反對使用Bootstrap,但是90%使用Bootstrap的人並不一定是專業的前端工程師,可能由網頁設計師或是後端工程師兼任前端的切版,因為Bootstrap的學習門檻較低,只要有心都能學會,但是你會用Bootstrap不代表就是專業的「前端工程師」,就能把網站優化到最佳,如果你希望網站可以達到SEO 最佳化,那麼就放棄Bootstrap,除非你會完整優化Bootstrap,讓網站SEO分數提高。SEO架構分數調不高,使用者體驗(UX)當然也不會好,一定會影響SEO排名的效率,這是我們給你的第五個網站優化建議。
<延伸閱讀: 網頁設計為什麼需要前端工程師?>


結論

網頁設計需要圖片、文字、效果、影片搭配,造就一個完整內容的網站,網頁設計的過程中如果可以秉持SEO的邏輯去設計,那就可以在設計初期就讓網站達到速度優化,首頁不要放影片、圖片壓縮與控制數量、移除多餘的動畫效果、不要用Wordpress、不要用Bootstrap,以上這幾點可以做到,在Google的Page Experience(網頁體驗)標準下,一定可以順利完成網站架構優化,提高使用者體驗(UX),這五個網頁設計的優化建議是SEO重要關鍵,在效果、成本、速度的平衡下找到最佳的平衡點。
<延伸閱讀: 網頁設計收費行情? 如何選擇網頁設計公司?>

(本文為達文西數位科技所有,轉載文圖請註明出處)
  馬上諮詢網頁設計
喜歡探索,常常埋首於新奇的事物裡,總是希望給您最適切的解決方案。

超值套版網站,優惠特價 $ NT 59,000

請與我們聯繫
線上客服 TOP