將PC網(wǎng)站轉(zhuǎn)換到移動(dòng)端,并且針對(duì)移動(dòng)端進(jìn)行優(yōu)化,第一個(gè)問題就是適配的問題,針對(duì)適配也是傳統(tǒng)PC站的一個(gè)難題,我重點(diǎn)來闡述:

    適配:越來越多的屏幕也讓移動(dòng)搜索的能量被擴(kuò)大,根據(jù)我們服務(wù)的經(jīng)驗(yàn),大部分的網(wǎng)站通過移動(dòng)搜索的流量逐年上漲,為了適應(yīng)不同屏幕,全面的將網(wǎng)頁改造成為Html5網(wǎng)站內(nèi)容也是大勢(shì)所趨

    定位:定位自己,結(jié)合網(wǎng)站特點(diǎn),而且認(rèn)為自身網(wǎng)站特別的有跨平臺(tái)的需要的時(shí)候,可以針對(duì)產(chǎn)品的內(nèi)容提煉出需要移動(dòng)化的產(chǎn)品,目前適合跨平臺(tái)的產(chǎn)品有:1.新聞資訊、2.社交媒體、3.游戲產(chǎn)品、4、企業(yè)網(wǎng)站

    需要頻繁跨平臺(tái)、跨屏幕使用的產(chǎn)品

    社交分享互動(dòng)密度和強(qiáng)度都較高的內(nèi)容產(chǎn)品

    對(duì)分發(fā)內(nèi)容(廣告)的需求強(qiáng)烈的產(chǎn)品

    期望極低邊際用戶成本的產(chǎn)品.

    目前適配主要有兩種方式:1、自適配,2、運(yùn)用移動(dòng)建站工具對(duì)網(wǎng)站適配,我分別對(duì)適配做詳細(xì)的描述

    自適配:站長(zhǎng)自己針對(duì)已有內(nèi)容進(jìn)行自適配,要求站長(zhǎng)對(duì)網(wǎng)站代碼相對(duì)非常熟悉,需要站長(zhǎng)親力親為的做很多的動(dòng)作,比如說:DIV+CSS的架構(gòu),并且定義好自己的目標(biāo),充分的了解自己的網(wǎng)站通過什么渠道獲得流量,并且針對(duì)重點(diǎn)來進(jìn)行深入的優(yōu)化.

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

    xhtml協(xié)議的手機(jī)頁面中可以使用如下DOCTYPE:

    wml協(xié)議的手機(jī)頁面可以使用如下DOCTYPE:

    HTML5協(xié)議的DOCTYPE為:

    2.頁面內(nèi)容:充分的考慮到用戶感受,對(duì)內(nèi)容進(jìn)行深入的提煉和優(yōu)化,把PC端的內(nèi)容進(jìn)行深入的挖掘

    頁面內(nèi)容簡(jiǎn)單明了,適合觸屏等頁面瀏覽,

    導(dǎo)航條的鏈接不超過7個(gè),

    可以設(shè)計(jì)2級(jí)導(dǎo)航

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

    運(yùn)用簡(jiǎn)潔的文案對(duì)重點(diǎn)內(nèi)容進(jìn)行描述

    3、技術(shù)運(yùn)用:有一些設(shè)備不支持 Flash,因此請(qǐng)使用其他替代技術(shù),建議不使用Flash導(dǎo)航

    使用 HTML5 來添加互動(dòng)內(nèi)容和動(dòng)畫.

    設(shè)計(jì)能視屏幕方向調(diào)整顯示的網(wǎng)站.

    確保當(dāng)用戶所用設(shè)備的屏幕方向改變時(shí),用戶可以

    保持在當(dāng)前的網(wǎng)頁內(nèi)容位置.

    4、可信度:增加網(wǎng)站的可信度

    優(yōu)先體現(xiàn)網(wǎng)站品牌

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

    增加互動(dòng)性,讓用戶隨時(shí)能夠評(píng)價(jià)和回復(fù)

    二:利用第三方工具適配,如果站長(zhǎng)沒有以上改進(jìn)網(wǎng)站的能力,那么就需要尋找第三方的工具來對(duì)網(wǎng)站進(jìn)行移動(dòng)優(yōu)化.第三方工具的原理是:嵌入JS代碼從網(wǎng)站中獲取文本信息,在第三方的平臺(tái)上構(gòu)建出一套新的站點(diǎn).

    現(xiàn)在規(guī)模比較大的工具有:百度提供的siteapp平臺(tái).具體大家可以去:siteapp.baidu.com 了解

    優(yōu)點(diǎn)是網(wǎng)站對(duì)移動(dòng)端的零維護(hù)成本,并且工具平臺(tái)會(huì)多套模板風(fēng)格自由選擇.缺點(diǎn)是:頁面效果不能滿足網(wǎng)站定位,內(nèi)容不太好管理,缺乏互動(dòng)性.