從好幾年前開始,
就不斷的有各個網路專家宣稱行動時代開始了,
印象中已經有好幾個年,
都被稱為所謂的行動元年,
喊久了,似乎也就漸漸無感。
專家們喊的趨勢是一回事,不管時間上準不準,
方向是絕對錯不了的,
而從流量分析上看起來,
這兩年中,
由行動裝置瀏覽的比例的確是很明顯的大幅增加,
甚至已經完全超過50%以上了(依據我們自家的流量),
除此外,
Google 也多次聲明,
會將一個網站行動化的好壞,也放入檢索排名的參考因素之一。
所以做一個網站管理人,或是站長、Blog作家,
真的是無法再忽略這個『行動流量』了喔。
要因應這個行動流量的需求,
第一項執行清單,
當然就是把網站給行動化,
不論是重新製作一個針對行動裝置所設計的網頁,
或是目前最流行,
也是大家最推薦的 RWD 響應式網站,
總之,
把網站行動化是絕對的重中之重(就是必需要講三遍的那種重要性),
但是問題是,
辛辛苦苦改完版,
要如何驗證設計好的行動化網站是符合Google的規範呢?
很簡單,
Google 自家就推出了一個很貼心又專業的驗證工具:
https://www.google.com/webmasters/tools/mobile-friendly/
只要把行動化網站的網址,
貼入這個 Google 行動裝置相容性測試網頁中,
就可以知道是否是最佳化囉 ^^
如果沒有最佳化,
那麼也可以一步一步的依據Google給的建議,
逐項調整,
然後再來驗證,
直到完全沒有問題。
已經完成行動版網站的朋友們,
快去 Google 行動裝置相容性測試網頁看看吧。我們也有臉書專頁了,歡迎大家按讚加入喔: @5min.reading
[CSS]驗證一下,看網站是否已經行動最佳化了嗎?
延伸閱讀: 更多相關的主題文章
- [MacOS]在 Mac 上要如何使用中文辨識 OCR 軟體呢?推薦最好的免費工具就是他!
- [CSS:counter(line)]如何用 CSS 來顯示區塊裡的序列行數
- 在 MacOS Pages 和 Google Docs 中,如何計算、查看文件中的中文字數?
- [RWD]iPhone X 以及 8, 8+ 等各代機種的螢幕尺寸解析度與CSS語法對照表
- Google Sheets 試算表欄位中,數字以 0 開頭的話都會消失,那要怎麼保留這個0呢?
- [HTML5]運用網頁上的電話超連結語法(tel:),讓大家點一下就直接撥打電話
- [CSS3]如何用 CSS 來改變 Placeholder 這個屬性的文字顏色
- [RWD]如何使用 Mac 上的 Safari 開發者工具,偵錯或微調 iPhone 行動版的網頁
- [CSS3]如何重新定義 HTML 中換行標籤 BR 的樣式或是直接把BR的行距高度移除
- 如何在 Google Docs 文件中建立信封尺寸的範本或不同大小的紙張設定