響應式網頁設計

在〈我的網站該改版,還是砍掉重練?〉一文中提到,Google已將「行動友善(mobile-friendly)」網站列為重點,不符合行裝置的操作經驗會影響搜尋排名。其實就算Google不這樣做,目前智慧型手機及行動網路愈來愈普及,無論是休息、搭車、走路,甚至是聚會時,隨時都可見一直在滑手機的低頭族。人們的注意力在哪裡,商機就在哪裡。網頁若能符合手機裝置,在瀏覽與找資料時,會更加便利,自然可以增加更多商機。

當網站改版或重建完畢後,Google也可協助幫忙檢測,同時還會提出相關的解決辦法,網址是 https://testmysite.thinkwithgoogle.com/

輸入你的網站的網址,並按下「TEST NOW」之後,稍等一會兒,可以看到三個區塊,每個區塊滿分都是100。我們主要要看的是最左邊的「Mobile Friendliness」,分數愈高愈好,表示網站愈符合在行動裝置上閱讀。

至於另外兩個區塊,分別是指行動裝置上及電腦上的呈現速度,這分數參考就好,若要真想要達到高分,網站勢必變得很陽春,或是圖片要過度壓縮,不見得適合每個網站的需求。

要規畫一個適合行動裝置瀏覽的網站,可以從以下5個面向來思考:

  1. RWD網站可自動依據畫面尺寸改變樣式,但因為是通用型,不建議採用太複雜的首頁。尤其很多人是因為主動搜尋或是由Facebook導引到某個網頁,不一定會看到首頁,重點是網站能快速載入且網頁排版易於瀏覽。
  2. 功能不用多,但搜尋及導引功能很重要,手機上的畫面不大,簡潔才是王道。
  3. 間距要夠寬、按鈕要夠大,方便用手進行點擊,才不用一直放大縮小。
  4. 若有購物車功能,盡量減化流程,方便快速下單。
  5. 若網站的電腦版及行動版是分開的,最好在手機上也能提供與電腦版本同樣的功能。

根據統計,人們一天平均看手機 150 次,在手機上網搜尋的次數已經超過使用電腦;但如果消費者用手機連上網頁,卻發現網站不容易使用,他們馬上離開的機會是用電腦上網的五倍。

因此要避免因此流失客戶,你的網站必須能在手機螢幕輕鬆閱讀、容易操作;當然啦,網站本身內容也要夠吸引人,才能打動網友,達到你的訴求。

By taki

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *