1、文本爲主
百度對移動互聯網上的網頁,會派出一個叫Baiduspider 2.0的蜘蛛進行抓取,抓取過的網站經過處理後建立索引才能被用戶搜索到。Baiduspider 2.0的蜘蛛和PC端的蜘蛛一樣,目前只能讀懂文本內容。對於圖片、Flash等非文本內容暫時只能簡單地識別,沒辦法完全讀懂和處理。因此,做移動端網站,百度建議SEO人員應該使用文本而不是Flash、圖片、JS等來顯示重要的內容或鏈接。但是,可能你又鬱悶了,如果不用Flash,那麼輪展圖如何實現呢?這裏推薦大家使用一款JS的插件TouchSlide,可以很好地實現各種輪展圖效果,並且可以兼容大部分主流的智能手機,大家可以百度搜索一下。
2、網站結構扁平化
移動端站點同樣應該有清晰的結構和更淺的鏈接深度,這能夠使用戶快速地獲取有用信息。百度對於網站結構的建議是採用樹型結構,樹形結構通常分爲以下三個層級:首頁——頻道——詳情頁。也就是說,一般的手機移動端站點,有3種類型的頁面就足夠了,不需要太複雜。
3、清晰的麪包屑導航
不管是手機移動端的網站,還是PC網站,都應該提供清晰的麪包屑導航,幫助用戶做到自己所在的位置。不過要注意的是,手機移動端站點要考慮手機的尺寸大小,過長的麪包屑導航有可能會無法正常顯示,這就是爲什麼百度建議網站的結構儘量的扁平化,這樣,麪包屑導航也會相應的簡短一些。如圖:
4、簡單易懂的URL
移動端和PC端站點的URL都應該儘量保持簡單易懂,並且最好是相互對應的。例如PC端站點的某個頁面URL是:http://www.qingpingseo.com/jiaocheng/那麼移動端站點的URL最好能對應爲:http://m.qingpingseo.com/jiaocheng/
這樣既美觀,也更方便用戶判斷這個手機端的頁面來源於PC端的哪個頁面。
5、按鈕優化
由於手機瀏覽界而很小,在設計手機移動端網站的時候,必須將按鈕設計得更大一些,方便用戶點擊。很多網站的PC端網站的按鈕設計得很小,用戶使用手機打開網站之後,很難準確地單擊按鈕。用戶想單擊一個菜單的按鈕,都必須先想辦法放大網站,用戶體驗非常不好。
下面,就來講講手機移動端網站的按鈕應該如何設計。
a.按鈕要大
我們用手機操作頁面的時候,主要依靠的是大拇指,大拇指與屏幕接觸的面積其實還是比較大的。所以,設計按鈕的時候,應該參照大拇指的大小。按鈕的長度和寬度最少都應該在40px以上。
b.最好有圖標提示
爲了一讓界面足夠簡潔,有時按鈕不能放置太多文字進行說明,這時候就需要提供一些相關的圖標進行提示了。這樣既美觀又能讓用戶明白點擊按鈕後大概能看到什麼內容。如圖:
c.使用CSS來設計按鈕
設計按鈕,最好不要大量使用圖片,而是使用CSS來設計。因爲圖片設計的按鈕佔用的帶寬比使用CSS代碼要大,如果大量使用圖片按鈕可能導致用戶打開網站速度過慢。如果你不是很熟悉CSS也不要緊,網絡上已經有很多現成的CSS按鈕了,只要百度一下就能找到。還有人開發出了在線製作CSS按鈕的工具,只需要進行傻瓜式的操作就能得到很漂亮的CSS按鈕。
6、鏈接優化
在手機移動端設計鏈接時,一樣要儘可能的簡潔,這樣才能方便用戶快速瀏覽和選擇。
a.錨文本要簡潔
由於手機界面太小,如果鏈接錨文本的文字過長,很有可能被截斷,或者導致錯位。就需要在設計鏈接的時候,對錨文本進行精簡。比如一篇文章,原來標題是《房祖名獲釋後首發博成龍親爲兒子剪髮(圖)》,那麼在其他頁面給這個頁面做鏈接的時候,就應該把標題精簡爲《房祖名獲釋後首發博》。
2.重要內容用圖標提示
一些重要的內容,可以使用hot、熱、新等小圖標進行標註。這樣的小圖標既不會影響美觀,同時可以幫助用戶快速選擇熱門信息。如圖:
本文原創來源於SEO:http://www.qingpingseo.com/seoxuexi/910.html 轉載請註明出處!