手機已成為最主要的入口

在閱覽內容、找尋資訊上,手機已成為最主要的入口,根據國外專門研究數位行銷與社群行銷的網站 We Are Social所提出的 Digital 2020 reports,可以看到,在「網頁流量於各裝置的佔比」這個分析上,透過手機裝置就佔了總體 53.3% 的流量,次之為筆電/個人電腦(44%),第三則是平板 (2.7%)而有趣的是,這三者中,只有手機這個裝置有增加,其餘都是下降的,所有的行為都往手機裝置上移動。

目錄

圖片來源: We Are Social - DIGITAL 2020: 3.8 BILLION PEOPLE USE SOCIAL MEDIA

手機版網頁設計反映兩大趨勢

一、網站介面:避免過於複雜的互動設計

當大家的閱覽行為漸漸轉向手機、平板等行動裝置,留在上面的時間長過於電腦,你應該優先以行動裝置的視窗大小來呈現你的網頁。

想像下你的網頁如果有過多複雜的互動設計、自動輪播應影片、影片檔,在手機畫面上會呈現什麼情景?有可能你的載入時間大幅增加、尺寸不符而跑版,這些影響用戶體驗的行為都會讓你在SEO上扣分、加速用戶的跳出率。

二、內容面:內容呈現需要更簡約、更有結構性

1.文字內容清單化、表格化、結構化

Google的語音搜尋技術已經愈趨成熟,並能夠辨識出越來越複雜的搜尋意圖,Google 演算法能夠辨別出你輸入的問題背後所代表的搜尋意圖,並呈現符合資訊的內容給你。

現在有越來越多人使用「語音輸入」代替打字進行搜尋行為,尤其是使用行動裝置的時候。在語音上,人們傾向更完整的描述問題,如:「2020 最新推薦春酒場地有哪些?」

你可以運用這個技巧將這些問句成為文章段落標題,並試著用條列式、表格等形式撰寫你的內容,Google的精選摘要功能(featured snippet)將能幫助你的內容更快爬升排名。

以下是用語音輸入「第一次染頭髮要怎麼做」出現的搜尋結果(精選摘要形式):

語音輸入手機範例

2. 使用更適合呈現在手機畫面上的圖片

如果你有在經營內容,應該對知名免費 CC0 素材庫網站 Unsplash 不陌生,你最近是否注意到在找尋圖庫時,越來越多縱向的圖片?

圖片也反映出了內容創作者的需求與現行趨勢,越來越多人用行動裝置取代電腦閱覽資訊,長型縱向的圖片比起橫向圖片更適合手機版頁面。

我應該放棄經營電腦版網站嗎?

如果手機版網頁這麼流行,是否應該放棄經營電腦版網站?這沒有標準答案,根據事業的你可以依據你的事業特性而定。

消費者導向的企業(B2C),手機版網站>電腦版網站

如果你的事業主要服務消費者、個人用戶,手機版網頁的重要性便會明顯拉高,尤其零售業的服務,在手機版網頁上應打造流暢、簡潔的購物體驗,讓你的用戶能夠輕鬆在手機版網頁瀏覽、訂購你的商品。

在經營模式上,你可以優先著重手機版網頁的設計與用戶體驗,再同時優化電腦版網站。別忘了你的客戶有可能隨時隨地透過你的廣告點入你的網站,包含上班時間、午休時間與休閒時刻。

兩者網站同時兼顧,除了讓你的品牌專業度顯現出來以外,也能夠盡可能擴大你的客戶漏斗入口。(Funnel)
企業導向的企業(B2B),電腦版網站>手機版網站
如果你的事業主要服務業界客戶,提供軟體、線上服務等產品,電腦版網站還是最主要且適合的經營方式。在 B2B 的服務模式,你的客戶通常是坐在辦公室的工作者,且在工作時間搜尋你的網站、使用你的軟體或諮詢服務。

你應該優先將營運重心放在電腦版網站上,打造後台架構清楚、前台畫面流暢,擁有良好 SEO 體質的企業網站,再同時優化維護好手機版網頁的畫面即可。

如果同時經營手機版網頁,你可以將其重心放在部落格內容上,讓部落格的文章內容更符合手機版頁面搜尋的方式,如此你的客戶便可能優先在手機上接觸到你的內容,進而在電腦版網站上使用你的服務。

專業的 B2B 網站範例大全看這裡

RWD 的適應性特點,能同時滿足手機版和電腦版的需求

在未來,無論是手機、平板、兩段式筆電或是桌電,裝置只會越來越多元化,網站要設計的尺寸與畫面版本,也只會更新得越來越頻繁。企業不太可能為了眾多裝置而開發、維護各種版本網站。這時候,RWD(適應性)網站便是最適合的解決方案。

目前的網站基本上都能夠支援適應性的設計,來滿足電腦、手機等不同裝置上的畫面呈現,如果你想為你的企業打造一個服務完整、適應性高的品牌網站,你可以尋求專業團隊的建議,讓他們為你的產品、服務與網站內容提供穩妥的建議和網站掛件工具、套版。

不用擔心是否需要為了手機瀏覽成為主流的趨勢而大費周章建立一個手機版網頁,企業經營弱要走得長遠,最終還是需依據你的產品和服務項目、目標客戶的使用行為與需求,來決定將你的開發重心放在電腦版網頁還是手機版網頁上。

而 RWD 適應性網站,不論你將經營重心放在哪一個,都能夠兩者兼顧,降低你的維護成本。

看更多有關 RWD 網站的內容:
定義-響應式網頁設計(RWD)是什麼意思?
Google 怎麼看 RWD 網頁設計?行動搜尋排名提升必看!
WordPress 的優勢-SEO搜尋引擎最佳化, 功能性, 靈活的設計與編排

相關文章