將PC網站轉換到移動端,并且針對移動端進行優化,第一個問題就是適配的問題,針對適配也是傳統PC站的一個難題,我重點來闡述:

    適配:越來越多的屏幕也讓移動搜索的能量被擴大,根據我們服務的經驗,大部分的網站通過移動搜索的流量逐年上漲,為了適應不同屏幕,全面的將網頁改造成為Html5網站內容也是大勢所趨

    定位:定位自己,結合網站特點,而且認為自身網站特別的有跨平臺的需要的時候,可以針對產品的內容提煉出需要移動化的產品,目前適合跨平臺的產品有:1.新聞資訊、2.社交媒體、3.游戲產品、4、企業網站

    需要頻繁跨平臺、跨屏幕使用的產品

    社交分享互動密度和強度都較高的內容產品

    對分發內容(廣告)的需求強烈的產品

    期望極低邊際用戶成本的產品.

    目前適配主要有兩種方式:1、自適配,2、運用移動建站工具對網站適配,我分別對適配做詳細的描述

    自適配:站長自己針對已有內容進行自適配,要求站長對網站代碼相對非常熟悉,需要站長親力親為的做很多的動作,比如說:DIV+CSS的架構,并且定義好自己的目標,充分的了解自己的網站通過什么渠道獲得流量,并且針對重點來進行深入的優化.

    1.頁頭描述:增加頁頭DOCTYPE聲明有助于搜索引擎識別該頁面是否適合手機瀏覽

    xhtml協議的手機頁面中可以使用如下DOCTYPE:

    wml協議的手機頁面可以使用如下DOCTYPE:

    HTML5協議的DOCTYPE為:

    2.頁面內容:充分的考慮到用戶感受,對內容進行深入的提煉和優化,把PC端的內容進行深入的挖掘

    頁面內容簡單明了,適合觸屏等頁面瀏覽,

    導航條的鏈接不超過7個,

    可以設計2級導航

    減少圖片使用,增加文案的吸引力

    運用簡潔的文案對重點內容進行描述

    3、技術運用:有一些設備不支持 Flash,因此請使用其他替代技術,建議不使用Flash導航

    使用 HTML5 來添加互動內容和動畫.

    設計能視屏幕方向調整顯示的網站.

    確保當用戶所用設備的屏幕方向改變時,用戶可以

    保持在當前的網頁內容位置.

    4、可信度:增加網站的可信度

    優先體現網站品牌

    增加地理位置等本地化信息

    增加互動性,讓用戶隨時能夠評價和回復

    二:利用第三方工具適配,如果站長沒有以上改進網站的能力,那么就需要尋找第三方的工具來對網站進行移動優化.第三方工具的原理是:嵌入JS代碼從網站中獲取文本信息,在第三方的平臺上構建出一套新的站點.

    現在規模比較大的工具有:百度提供的siteapp平臺.具體大家可以去:siteapp.baidu.com 了解

    優點是網站對移動端的零維護成本,并且工具平臺會多套模板風格自由選擇.缺點是:頁面效果不能滿足網站定位,內容不太好管理,缺乏互動性.