RWD 對現今網路商店的影響

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

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

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

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

免下載APP,現在就開店!

在不同的電子產品上都能看到網店一致的設計

說了這麼多,什麼是「RWD」呢?

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

 

RWD讓你的網店內容自動適應使用者瀏覧的螢幕大小 by Sandijs Ruluks, graphic designer / founder of FROONT. Riga.

 

網站內容會依據裝置的螢幕大小,依比例自動縮放。

Google《》RWD

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

Shopline網店例子:Google標註使用RWD網站為Mobile Friendly

而用SHOPLINE的店家網店,就是使用RWD結構所設計的,你可以使用行動裝置試試瀏覽我們成功店家的網店:

Bonny & Read

The Watchdrobe

Royal Scandinavian Seafood

 

30天免費試用SHOPLINE, 設計你自己的響應式網站!

 

讓我們來看看RWD網站架構對網絡商店來說,有哪些優點呢?

節省時間及成本

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

網頁↔行動裝置零時差

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

更好的搜尋排名

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

延伸閱讀:

網店創業新手必備的五項須知,讓你少走冤枉路!

SHOPLINE開店10部曲(上):開設一個成功的網路商店

 

更好的轉換率   

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

延伸閱讀:

9 個實用的設計工具,讓你的網路商店更加吸引— WEBSITE DESIGN 101

網店店面設計的黃金比例

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

shopline-seminar
shopline-workshop

訂閱電商教室週報

追蹤 Facebook 專頁