2013年5月網路女王 Mary Meeker註1 發表了一篇2013年網路趨勢,其中全球網路使用者已超過24億人口,行動網路的使用者則占了15%,相較以往的統計資料有著快速驚人的成長率,且在接下來的幾年當中穿戴式行動裝置將會是個發展趨勢,因此行動網路使用量會不斷地攀升。
註1 Mary Meeker 前華爾街證卷分析師,現為創投公司KPCB合夥人
2010 | 2013 |
http://www.kpcb.com/insights/2013-internet-trends – Mary Meeker & Liang Wu
智慧型手機已成為了我們日常生活中相當依賴的工具,從基本的即時通訊、電子郵件等通訊功能到社群、遊戲、閱讀等app,還有個相當重要的功能,那就是資訊搜尋,當我們到了一個不熟悉的地方時,需要找尋某個地標、商家,又或是想找找地方美食,一定會拿起手機來搜尋,這樣的搜尋動作往往都是需求相當明確的!如果您的網站還沒有針對行動裝置做優化,那將會損失大量的消費者。(您可以透過[網站分析工具]來得知網站的行動裝置使用者比例)
(圖片來源:http://www.7headlines.com)
還沒有行動版網站怎麼辦?
先讓我們來看看如何做好行動搜尋優
行動版網站的做法有很多,過去的做法是另外做一個行動版網站,並且有不同的網址(例如m.domain.com、www.domain.com/moblie/),這樣的方式行動裝置使用者若從電腦版的網址進入,則需要重新導向至行動版網站,如此就會有兩個不同網址,卻有著相同內容,容易造成”網址一致性”與”重複內容”問題,以SEO角度而言,如此一來頁面權重分散力量不集中!
所以不要另外做行動版網站才是最好的SEO策略!
既然不另外做行動版網站,那也必須要讓網頁在行動裝置上方便閱讀才行!
當紅的作法是使用響應式網頁設計(Responsive Web Design, RWD),由Ethan Marcotte提出,主要目的是在不同的裝置使用相同的URL提供相同的HTML內容,利用CSS改變內容呈現方式,為使用者提供舒適的界面和使用者體驗!Google也公開推薦這樣的方式提供行動版內容!
(https://developers.google.com/webmasters/smartphone-sites/details)
Responsive Web Design做行動優化的小提示:
- 針對行動裝置設計的排版方式不是將內容縮小就好,以該以使用者方便閱讀為前提。盡可能去除複雜的介面,減少使用者縮放、來回滾動情形
- 不一定侷限在排版不同,可為行動裝置使用者將大尺寸的圖片或影片替換成較小的圖片,來減低檔案大小,增加行動裝置載入效能
- 重要連結、按鈕要大、要清楚易按,多個按鈕要注意間距,或使用摺疊選單