看看溫厝的部落格對於移動裝置帶來流量的變化 並分享一些好用小工具資訊

看看溫厝的部落格對於移動裝置帶來流量的變化 並分享一些好用小工具資訊

前兩年開始流行起智慧型手機和平板電腦之後,"移動型裝置“就慢慢成為現代人上網的另一個重要工具了~

但一般網站設計的關係,在畫面呈現較小的移動裝置上,如果你想要閱讀網頁上的資料,總是得不停的放大、縮小、移動來移動去的滑螢幕,才能把過小的字體或是圖片看完,說實在閱讀習慣還真不是很舒適~

而溫厝的部落格就像是我的網路行為觀察實驗室,並且由於商業機密的考量上,一些實際運作的網站資料我並不方便隨便的公開分享,但個人部落格裡的東西,只要和"資料安全“沒有關係,我都是很願意分享給大家參考看看的~

這篇、就來分享一下個人近一年來持續觀察並記錄下的一些數據心得,最後也分享兩個和移動裝置有關的資料和工具給朋友們了~

看看溫厝的部落格對於移動裝置帶來流量的變化 並分享一些好用小工具資訊

溫厝的543部落格使用的WordPress架站CMS系統,他內建的表皮系統已經可以彈性對應不同解析度需要的呈現方式,不過這篇並不談這部分就是,而是要來比較一下有使用配合移動裝置和傳統網頁呈現方式前後流量上的差異。

首先下圖這是2012年第一季 尚未搭配配合行動裝置時傳統網頁時記錄的報表資料。

看看溫厝的部落格對於移動裝置帶來流量的變化 並分享一些好用小工具資訊

可以看到2012年第一季 行動裝置約佔了溫厝的部落格10% 一成左右的流量來源。

而再看看2013年第一季時的狀況。

看看溫厝的部落格對於移動裝置帶來流量的變化 並分享一些好用小工具資訊

除了本身流量成長之外,更重要的是行動裝置的來源也成長為20% 兩成了!

而再仔細觀察其中這些裝置分別為那些的細部資料,還會有些有趣的發現喔~

首先來看看2012年第一季的行動裝置有哪些這張報表。

看看溫厝的部落格對於移動裝置帶來流量的變化 並分享一些好用小工具資訊

iPad/iPhone 還是最主要的來源,並且看來HTC手機在市場上的佔有程度比例看來不少。

而接著看看2013年第一季的資料,就真的讓我有點… 吃了一驚喔!!

看看溫厝的部落格對於移動裝置帶來流量的變化 並分享一些好用小工具資訊

iPad/iPhone 當然還是最大的佔有比例,但瞧瞧看三星的產品根本把HTC整個排擠掉了啊!!  這報表真是血淋淋的說了不少的事喔~

不過隨著內容的增加、部落格的閱讀流量成長之外,還有移動裝置持有者的增加是市場上原本的變化,但網頁能讓移動裝置的閱讀者更加有善,使得來源佔有比例也隨之成長變化這也是一個重要的狀況喔!

同時還有一個對照組,另一個也是使用Wordpress架設的部落格可以比較(不過由於這是商業部落格,就不方便放上報表資訊了),這個部落格沒有導入彈性調整配合解析度變化的呈現形式,他的流量來源雖然在移動裝置上有成長,但就沒有這麼明顯比例上的變化了。

網路瀏覽者使用的裝置已經很明顯的從原本的"電腦“,慢慢的轉變成"移動裝置“!

這已經不是網路行銷公司要拉業務的廣告詞,也不是一些趨勢觀察家要賣弄專業知識找出來的說法,而是已經在發生和改變的真實現象喔!

為移動裝置重新規劃、設計你的網站吧!!  這不只能為你找到更多的客戶、閱讀者,更是未來你的網站在搜尋引擎上影響排名很重要的關鍵因素之一了。

分享自己長期觀察自己部落格的一些數據給朋友們參考看看,希望能更多人更重視移動裝置閱讀的友善性了~

最後、還要來分享兩個東西~

一個是由Google特別透過市調公司進行的智慧型手機研究報告的資料。

看看溫厝的部落格對於移動裝置帶來流量的變化 並分享一些好用小工具資訊

這個 Our Mobile Planet 網站上(點擊連結可另開視窗到該網頁),你可以根據不同語系、國家地區查詢到該區域的研究報告,並且網站還提供了交叉分析等功能,非常實用喔!

這個實用並且免費的資料,對於想投入行動市場的朋友一定有很大的幫助的,之後我再來特別寫一篇小小心得來介紹他好了~

而另一個要跟大家分享的是一個方便測試你的網站在不同比例的裝置上呈現結果會如何的一個小工具!  Viewport Resizer  !!

看看溫厝的部落格對於移動裝置帶來流量的變化 並分享一些好用小工具資訊

Viewport Resizer (點擊連結,另開視窗瀏覽) 基本上是一個javascript小程式,他可以方便讓你直接使用現有的瀏覽器,模擬成不同裝置常用的螢幕解析度,用來觀看你的網站在這些裝置上呈現出來的效果如何,使用也很簡單,只要在那網站上 按下 “加入書簽" 功能即可。

看看溫厝的部落格對於移動裝置帶來流量的變化 並分享一些好用小工具資訊

之後只要你流覽你正在看的那網站,在按下網站書簽(我的最愛)中 “ Resizer " 這個書簽,馬上就會跑出如上圖紅框中的那些裝置圖案,看看你正在流覽的網站可能呈現的狀態會如何~ 非常的簡單又方便喔~  並且、該裝置的按鈕再按一次還可以選擇"直式流覽"或是"橫式流覽",就好像把手機轉成橫的方式閱讀一樣的效果呢~

不過有點小小的缺點,就是對於字型的大小顯示,這個工具還是根據瀏覽器本身的設定來呈現,也就是說字體的呈現部份還是和真實手機或是平板上看到的不太一樣,這可能對於螢幕上的段行狀態還是和實際上會有點不一樣的,不過、對於簡單方便快速的查看網頁呈現結果,還是有很好的幫助就是~

補充這兩個小東西也希望對朋友們有幫助了~

吳 天元

溫厝的543大家長,平常沒時就愛碎碎唸,標準的阿宅。 平時就愛看電影、研究網路行銷,有時間當然也愛陪伴著家人! 總希望世界和平之外,更希望能看看外星人到底長啥模樣了!

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *