在行動網路普及的時代,任何網站在行動裝置瀏覽的便利性以及呈現的效果,是每個品牌的重要課題。根據市場研究機構 IDC ( 國際數據資訊 ) 預估,在 2016 年全球將有二十億人會使用行動裝置上網,文中更指出,往後每年使用行動裝置上網的人口,都將以25% 比例增長。人們上網的習慣將慢慢改變,而且將會有越來越多人擁有超過一個以上的行動裝置。科技的發展,不只是改變人們的上網習慣,也將發展出各種配合行動上網裝置的商業模式。

想像一下,老王的女兒生日快到了,聽說她一直很想買的一個包包只有在你的網路商店買得到,他晚上使用手機 Google 找到你的網店,馬上想要下單,卻發現網頁版打不開、好不容易打開網頁,文字跟圖片卻很小,後來他發現跟你買東西其實是要下載 APP,下載完 APP,還要再註冊帳號跟密碼,但 APP 告訴他這個 email 已經註冊過了,老王輸入了十二組不同的密碼還是無法登入……,王太太:「這麼晚了,先睡覺吧…」

這時候你會問自己,除了電腦版網頁,難道我還要再做一個手機版網頁嗎?那平板呢?

不!你不需要花更多的錢找網站、美術設計師再製作一個給移動裝置使用的網站,因為只要你的網路商店是使用「RWD 」的結構,除非老王的手機網路斷線,不然連王太太都刷了兩三個包包了。

RWD 響應式網頁設計示意圖
圖一、RWD 響應式網頁設計示意圖

什麼是「RWD」呢?

RWD 是 Responsive Web Design 的縮寫,普見的中文翻譯是「響應式網頁設計」,或稱「自適應網頁設計」、「回應式網頁設計」,亦稱「對應式網頁設計」。簡單的說,使用 RWD 所設計的網站,可以讓同樣的網址,同樣的網站內容,在不同型號的電腦、手機以及平版,都可以輕鬆查看一致的網站內容。RWD 的架構可以讓網頁中的文字以及圖片甚至是網站的特殊效果,自動適應使用者正在瀏覽的螢幕大小,下面這張圖片,可以讓你簡單瞭解 RWD 的網站內容在手機裝置上所呈現的效果:

RWD 響應式網頁設計會讓內容依據裝置的螢幕大小,依比例自動縮放
圖二、RWD 響應式網頁設計會讓內容依據裝置的螢幕大小,依比例自動縮放

RWD 對品牌官網有什麼影響呢?

早在 2012 年,Google 就明確表示 RWD 是行動裝置瀏覽網站最好的網站結構。Google 也表示網站是否適合行動裝置瀏覽將會對 SEO(搜尋引擎優化 )有直接影響。現在,你可以拿起手邊的智慧型手機,打開 Google 首頁,隨意的搜尋資料,可以發現搜尋結果中,有些網站的下方會標註 “Mobile-friendly”,就代表這個網站「適合行動裝置」,會將內容自動調整到適合裝置的螢幕大小,使用者無需另外縮放內容,即可輕鬆瀏覽圖文。

Google 搜尋引擎會呈現適合行動裝置友善的網站標記
圖三、Google 搜尋引擎會呈現適合行動裝置友善的網站標記

而用 SHOPLINE 的店家網店,就是使用 RWD 結構所設計的,你可以試試看使用行動裝置,瀏覽我們成功店家的網店:Bonny & Read,是不是在各種裝置下都有良好的介面呢?這就是利用 RWD 響應式網頁設計做出來的網站。緊接著,讓我們來說明 RWD 網站架構對網路商店來說,有哪一些優點呢?


繼續閱讀文章

RWD 優點一、節省時間及成本

你只需要維護及更新一個網站內容,不需要為了不同的裝置設備,再花時間找人編寫網站或是程式,也讓你在更新網店內容時,可以一次到位。只要網站的架構是以 RWD 建立的,你也就不用再擔心在網頁上做了任何改變會影響手機用戶的瀏覽體驗了。

《2024 新零售開店白皮書》
剖析開店大數據來洞察市場的脈動,歸納出未來 2024 年零售產業的發展趨勢,免費下載此電子書!

RWD 優點二、網頁 ↔ 行動裝置零時差

客戶只需要知道你的商店網址,他可以將你的商店加在書籤或是我的最愛,只要連上網,隨時隨地都能瀏覽,不論是使用手機或是平板,他看到的內容一定會是跟網頁版內容零時差,品牌形象的傳達不會有落差,也會為客戶提供更好的購物體驗。

RWD 優點三、更好的搜尋排名

讓品牌網站/網路商店出現在搜尋結果的第一位,是每個電商品牌的首要目標。而如果你的網店使用的是 RWD 的結構,你的 SEO做得越好,越能讓你的網路商店出現在更前面,進而帶來更多銷售機會。有訂閱我們電商教室文章的讀者們,一定知道 SEO 的重要性,我們有多篇文章介紹 SEO 的設置方法及其重要性,而使用 SHOPLINE 建構 RWD 網路商店的你,會發現商店設置 SEO 變得很簡單。

RWD 優點四、更好的轉換率

如上一點提到的,更好的搜尋排名,也代表著會為你的網路商店帶進更多的瀏覽量,而更多的瀏覽量就能為你帶來更多的銷售機會。一個個的瀏覽量要怎麼變成一張張成交的訂單呢?我會建議你,善用分析工具,為你的商店針對站內搜尋結果來做更好的商店設計及排版,SHOPLINE 商店不只讓設置 SEO 變得相當容易,只需要簡單的步驟,就能在商店設定好 Google Analytics 的追蹤碼,參考下面兩篇文章,現在就為你的商店設定吧!

行動網路使用率及行動裝置持有率,一直不斷的成長,而降低開發及維護成本、提升網店搜尋排名以及增加轉換率,都是 RWD 架構的網站可以輕輕鬆鬆達成的,而競爭激烈的電商戰場中,你是否能夠搶得先機?在行銷手法日新月異的時代,SHOPLINE 讓你提升網店競爭力易如反掌!

你覺得文章有幫助到你嗎?

歡迎給我們評論唷!

5 / 5. 共有 6

可以留下你的評論讓我們知道

延伸閱讀

追蹤電商教室,趨勢新知報你知