先讓我們來看看如何做好行動網站SEO優化
行動版網站的做法有很多,過去的做法是另外做一個行動版網站,並且有不同的網址(例如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
簡單的來說讓網站可以針對不同設備(桌機、筆電、平版、手機)等不同尺寸螢幕瀏覽網頁時,整個網頁頁面會對應不同的解析度,而有不同的呈現方式,也是是說可以讓最重要的訊息在有限的版面中清楚的呈現給用戶。
 
針對行動裝置設計的排版方式不是將內容縮小就好,以該以使用者方便閱讀為前提。盡可能去除複雜的介面,減少使用者縮放、來回滾動情形不一定侷限在排版不同,可為行動裝置使用者將大尺寸的圖片或影片替換成較小的圖片,來減低檔案大小,增加行動裝置載入效能
重要連結、按鈕要大、要清楚易按,多個按鈕要注意間距,或使用摺疊選單
 
一般而言,在建置一個網站時,最先會考量的就是網頁的解析度,只要有經驗的人,會馬上講出1024×768這個標準解析度,這也是台灣目前絕大多數網頁的設計框架。
 
但問題來了,目前手持裝置的數量,己經正式超越了PC,成為不可忽略的新興力量,對於各式各樣的手持螢幕尺吋,EHTAN MARCOTTE提出了響應式網頁設計概念,所謂響應式,就是在整個網頁頁面上,會對應不同的解析度,而有不同的呈現方式,讓裝置只是一個介質,使用者才是真正的主角。這種設計,不單單只是程式碼的配合而己,整體網頁在架構及設計上,一開始就要導入概念,在概念的引導下,網頁必需簡單,訊息清楚明瞭,配上簡單的圖片,不使用任何Flash動畫,讓網頁可以正確無誤的傳達印象及訊息給使用者,達到網站的目的。
ERIC0446

Tags: ,