智能(néng)手機(jī)和平板電腦(nǎo)的普及(jí)，產生了(liǎo)越(yuè)來(lái)越多(duō)的(dí)移(yí)動端(duān)客(kè)戶流量(liáng)，盡(jìn)管基於手(shǒu)機和平(píng)板(bǎn)電腦的網絡(luò)瀏覽器種類繁多，功(gōng)能也(yě)都越(yuè)來(lái)越完善(shàn)，但限於較(jiào)小的(dí)終端(duān)屏幕以及網絡流(liú)量的問(wèn)題(tí)，移(yí)動(dòng)設(shè)備並(bìng)不適(shì)合直(zhí)接瀏(liú)覽各種(zhǒng)基(jī)於(yú)桌麵(miàn)電腦(nǎo)登陸的網站，因(yīn)此，做為網站(zhàn)站長來(lái)說，有(yǒu)必要為(wéi)自(zì)己(jǐ)的網站增加(jiā)一個(gè)適合移動設備瀏(liú)覽(lǎn)的入口(kǒu)。
建立一(yī)個(gè)適合移動端(duān)瀏(liú)覽(lǎn)的網站有(yǒu)很(hěn)多種方(fāng)法(fǎ)，主流的方(fāng)法(fǎ)有自(zì)適應網(wǎng)頁設計，移(yí)動網站(zhàn)，移動app應用(yòng)三類(lèi)，通(tōng)過這些(xiē)方法，可以(yǐ)在(zài)短時(shí)間內(nèi)將一個已有(yǒu)的桌麵網(wǎng)站轉換為適(shì)合移(yí)動設備(bèi)訪(fǎng)問的網站(zhàn)。
一，自(zì)適應(yīng)網頁設(shè)計
自適應網頁(yè)設(shè)計(jì)，就(jiù)是讓(ràng)同一個(gè)網頁代碼(mǎ)，能夠在不(bù)同(tóng)設(shè)備(bèi)上(shàng)(從(cóng)桌(zhuō)麵電(diàn)腦顯(xiǎn)示(shì)器(qì)到智能手(shǒu)機(jī)或其他移動產品設備(bèi))都(dū)能有(yǒu)更好(hǎo)的(dí)瀏覽體驗，因此，站長在建站(zhàn)前，就要考(kǎo)慮好(hǎo)頁麵(miàn)布(bù)局如何(hé)能(néng)適(shì)應多(duō)屏幕(mù)瀏覽(lǎn)，這樣(yàng)移(yí)動設備(bèi)可以通過(guò)原網址來瀏覽桌(zhuō)麵(miàn)站點(diǎn)，看到的(dí)是自動適應屏(píng)幕(mù)大小(xiǎo)後(hòu)的網站(zhàn)。盡管這種方(fāng)式(shì)使(shǐ)得域名(míng)統一了，但(dàn)如果(guǒ)對於結(jié)構復雜，頁麵(miàn)反復的網站來(lái)說(shuō)，代(dài)碼(mǎ)設(shè)計具有相當高(gāo)的(dí)難度(dù)。因此，通(tōng)常(cháng)自(zì)適(shì)應網頁設計比(bǐ)較適合單(dān)欄或雙欄等(děng)簡(jiǎn)單(dān)版麵(miàn)網(wǎng)站，對(duì)於(yú)復(fù)雜(zá)版(bǎn)麵較難設計。
由於自(zì)適應設計(jì)的內容使用同一個網(wǎng)址，不(bù)會(huì)出現(xiàn)重定向，因此對於(yú)訪問(wèn)用戶(hù)來說，不必花時(shí)間記憶(yì)另外網(wǎng)址，對於網(wǎng)站(zhàn)開發者(zhě)來說，改(gǎi)造(zào)單欄或雙(shuāng)欄(lán)網(wǎng)站為自適應網站的開發較(jiào)為簡單(dān)，隻(zhī)需(xū)對(duì)CSS進行(háng)不大(dà)的修(xiū)改即可(kě)。
自適應(yīng)網頁(yè)需(xū)要手(shǒu)機(jī)瀏覽器(qì)支持css3，例如目(mù)前的(dí)iPhone和Android內置(zhì)瀏(liú)覽器(qì)都(dū)支持css3，但(dàn)諾基亞手機內置瀏(liú)覽器就不(bù)支持css3，考慮到(dào)老式的(dí)手機已經(jīng)逐(zhú)步(bù)淘汰(tài)，這部分用戶也可以(yǐ)考慮忽(hū)略不計。同時，自適應(yīng)網頁(yè)需要(yào)展(zhǎn)示更(gēng)多(duō)的(dí)圖(tú)片(piàn)，較耗(hào)費流(liú)量，因(yīn)此(cǐ)也(yě)不太適合2G網絡(luò)用戶訪(fǎng)問(wèn)。
對於網(wǎng)站(zhàn)的修改來說，隻要在(zài)HTML頭(tóu)部增加(jiā)viewport標簽(控製顯(xiǎn)示尺寸，是(shì)否允(yǔn)許縮(suō)放，初始比(bǐ)例，上下限等(děng))，MobileOptimized標簽(微軟為IE Mobile版設置(zhì)的(dí)定義寬度標記)和HandheldFriendly標簽(qiān)(是否(fǒu)對手(shǒu)持設(shè)備(bèi)友好，隻有true或(huò)者false)，在(zài)CSS文(wén)件(jiàn)尾(wěi)部(bù)增加針(zhēn)對不(bù)同(tóng)屏幕(mù)分辨率的(dí)規則，布局寬度使用(yòng)相對寬(kuān)度(dù)，隱(yǐn)藏側(cè)欄，半(bàn)小(xiǎo)時的開(kāi)發(fā)量就可以提升(shēng)網站(zhàn)的(dí)手(shǒu)機移動瀏(liú)覽體(tǐ)驗。下圖是一個(gè)樣例(lì)，利用自(zì)適(shì)應(yīng)網頁設(shè)計(jì)技(jì)術(shù)來建(jiàn)立(lì)的(dí)月光(guāng)博客移動(dòng)網站(zhàn)。
自(zì)適(shì)應(yīng)設(shè)計(jì)的月(yuè)光(guāng)博客(kè)移動(dòng)網站(zhàn)
二，移動(dòng)網站
移(yí)動(dòng)網站是指對於(yú)現(xiàn)有的(dí)桌麵網(wǎng)站，按(àn)照移動端的設(shè)計規則(zé)來重(zhòng)新建立一個移(yí)動網站，盡管(guǎn)內容(róng)和(hé)桌麵網(wǎng)站一樣(yàng)，但卻(què)擁(yōng)有兩個不同網址。通常的移動網(wǎng)站(zhàn)使(shǐ)用(yòng)子域名(míng)的(dí)方式(shì)實(shí)現(xiàn)，例如使(shǐ)用類似 wap.williamlong.info 或 m.williamlong.info 這樣的地址(zhǐ)，為移(yí)動(dòng)用(yòng)戶(hù)專門定(dìng)製(zhì)，內(nèi)容可(kě)以(yǐ)與桌麵(miàn)網(wǎng)站(zhàn)不同(tóng)，桌麵網站的網址檢測(cè)到移(yí)動(dòng)設備(bèi)後自動重定向(xiàng)到(dào)移動網站頁麵。
移動網站可以(yǐ)支(zhī)持非(fēi)觸(chù)屏智能(néng)手機和觸(chù)屏智能(néng)手(shǒu)機(jī)，適合側重移動設備或專(zhuān)門針(zhēn)對移動設(shè)備(bèi)的(dí)網(wǎng)站，使用(yòng)移動瀏覽(lǎn)器訪問。
百度(dù)在(zài)2013年(nián)底開啟(qǐ)“輕舟(zhōu)計劃”，該(gāi)計劃(huá)旨在(zài)達到(dào)資(zī)源百分百移動化(huà)的目(mù)標，從(cóng)而實現百(bǎi)度搜(sōu)索的移動(dòng)化(huà)轉(zhuǎn)型(xíng)升級，移動搜索將不具有唯(wéi)一(yī)價值的PC頁麵排除在外(wài)，這(zhè)對於網(wǎng)站站長來(lái)說，盡(jìn)快將網(wǎng)站移動化就(jiù)得提上議程(chéng)。
很多blog，cms建(jiàn)站程(chéng)序(xù)都(dū)有桌(zhuō)麵的移(yí)動(dòng)頁麵(miàn)入口(kǒu)，網(wǎng)站隻(zhī)需將(jiāng)移(yí)動(dòng)設備用戶引(yǐn)導到這(zhè)個(gè)入口即可(kě)。通常有(yǒu)wap或HTML5等(děng)方(fāng)式的建(jiàn)站(zhàn)方式。wap頁麵主要針對老(lǎo)式手(shǒu)機瀏(liú)覽器和2G用戶，例如諾基亞(yà)手機(jī)用(yòng)戶(hù)，頁(yè)麵簡潔，很(hěn)省流量(liáng)，但目(mù)前正(zhèng)處於(yú)淘(táo)汰(tài)過程中(zhōng)，下(xià)圖是(shì)利(lì)用Z-blog自帶的(dí)wap模(mó)塊(kuài)建(jiàn)造(zào)的(dí)月光(guāng)博客移動(dòng)網站(zhàn)。
WAP建(jiàn)站(zhàn)的(dí)月(yuè)光博(bó)客(kè)移動(dòng)網站
HTML5的技術(shù)門檻(jiàn)較(jiào)高，單(dān)獨開發會(huì)有不(bù)少難度，很多站(zhàn)長(cháng)采用移動建(jiàn)站(zhàn)工(gōng)具(jù)來(lái)生成(chéng)基於HTML5的移(yí)動網(wǎng)站(zhàn)。目前(qián)使用(yòng)較(jiào)多(duō)的(dí)移動建站工(gōng)具是百度(dù)Site App，該工具(jù)使用(yòng)地址(zhǐ)參見(jiàn)這裏(lǐ)，百(bǎi)度移(yí)動(dòng)搜(sōu)索會將大(dà)部(bù)分(fēn)網站(zhàn)進(jìn)行轉(zhuǎn)碼(mǎ)，轉碼後的內(nèi)容比(bǐ)較適(shì)合(hé)手機(jī)移(yí)動(dòng)等小(xiǎo)屏幕設備訪(fǎng)問(wèn)，百(bǎi)度(dù)Site App這(zhè)個工(gōng)具可(kě)以(yǐ)支持(chí)站長(cháng)將自(zì)己網(wǎng)站(zhàn)轉(zhuǎn)碼後的頁(yè)麵(miàn)進行定製，並(bìng)部(bù)署(shǔ)到自己(jǐ)獨立子域名的網(wǎng)站(zhàn)，同(tóng)時還支持通(tōng)過(guò)百(bǎi)度聯(lián)盟的方(fāng)式(shì)在網(wǎng)頁(yè)上加(jiā)入(rù)針(zhēn)對(duì)移動設備的(dí)專(zhuān)用(yòng)廣告(gào)，以(yǐ)獲(huò)得廣告(gào)收(shōu)益。下(xià)圖(tú)是利(lì)用百度Site App來(lái)建立的(dí)月(yuè)光博(bó)客移動網(wǎng)站(zhàn)。
百度Site App建(jiàn)站(zhàn)的(dí)月光博客(kè)移動網站(zhàn)
三(sān)，移動(dòng)APP應(yīng)用
移動(dòng)APP應用指的是專門在蘋果(guǒ)和安(ān)卓(zhuó)應(yīng)用商店裏發布移動(dòng)APP應用，安裝後可(kě)以(yǐ)直接使(shǐ)用。移動APP應(yīng)用的開發(fā)成(chéng)本較(jiào)高(gāo)，針對蘋果(guǒ)和安卓需要兩套(tào)開發(fā)API，不過，移(yí)動APP可以允許用戶(hù)離綫(xiàn)使用(yòng)，還(huán)可以訪問(wèn)移(yí)動(dòng)設備(bèi)的硬(yìng)件信息(xī)，對於交互(hù)性(xìng)強(qiáng)的(dí)應(yīng)用(yòng)來說較(jiào)為適(shì)合。對(duì)於普(pǔ)通內容類(lèi)網站(zhàn)來說(shuō)，使用(yòng)移(yí)動APP應用(yòng)的(dí)好(hǎo)處(chǔ)並不明顯(xiǎn)。
由於移動APP應(yīng)用(yòng)開發門檻較(jiào)高，因此站(zhàn)長(cháng)可以使用(yòng)相(xiāng)關工(gōng)具(jù)來(lái)自動生成(chéng)應用(yòng)，百(bǎi)度(dù)Site App裏(lǐ)也(yě)有(yǒu)這種功(gōng)能，可以(yǐ)一(yī)鍵(jiàn)生成(chéng)iOS和Android應(yīng)用(yòng)文(wén)件，但(dàn)是(shì)需要網(wǎng)站(zhàn)站長自(zì)己去(qù)蘋(píng)果(guǒ)和安卓應用商(shāng)店(diàn)提交應(yīng)用(yòng)。
百(bǎi)度Site App網(wǎng)站(zhàn)
對於網(wǎng)站(zhàn)站長(cháng)來(lái)說(shuō)，通(tōng)過(guò)這三種(zhǒng)形式都可以打造適合(hé)移動(dòng)設(shè)備訪問的網(wǎng)站，自適應(yīng)網頁設計的(dí)開(kāi)發難度小，手機瀏覽體驗好(hǎo)，還(huán)支持(chí)自適應(yīng)AdSense廣(guǎng)告，但是(shì)目前(qián)百度搜索(suǒ)還不能很好地(dì)識(shí)別自(zì)適(shì)應網(wǎng)頁，部分自(zì)適(shì)應頁麵(miàn)會被(bèi)百度(dù)移動搜(sōu)索(suǒ)進行轉碼(主要是由(yóu)於(yú)未攜(xié)帶移(yí)動(dòng)網(wǎng)頁(yè)特征)，使(shǐ)得原有(yǒu)的頁麵設(shè)計和(hé)AdSense廣(guǎng)告都(dū)無(wú)法顯(xiǎn)示。對(duì)於(yú)期待從(cóng)百度移動搜(sōu)索獲(huò)取流(liú)量的(dí)網(wǎng)站，應該優先(xiān)做單(dān)獨的(dí)移動(dòng)網站，百度對於移(yí)動網站(zhàn)的(dí)支(zhī)持(chí)較好(hǎo)，在移(yí)動(dòng)搜(sōu)索結(jié)果(guǒ)中會優先顯(xiǎn)示移(yí)動網站，不過，隨(suí)著智能(néng)手(shǒu)機(jī)的迅(xùn)速普及，百(bǎi)度(dù)已(yǐ)經逐步開(kāi)始(shǐ)支(zhī)持自(zì)適(shì)應網頁(yè)在(zài)移(yí)動(dòng)搜索中(zhōng)的(dí)展現(xiàn)。對於(yú)Google來說(shuō)，其沒(méi)有對網頁(yè)進(jìn)行(háng)轉碼，因此(cǐ)對(duì)於(yú)自適應網(wǎng)站來(lái)說(shuō)能夠有較(jiào)好的顯(xiǎn)示效果，但是(shì)對於(yú)未(wèi)經(jīng)改造(zào)的網頁來說，會在(zài)移動設(shè)備(bèi)展(zhǎn)示桌麵網(wǎng)站，可能(néng)會耗費(fèi)更多(duō)的(dí)手機(jī)流(liú)量。
因(yīn)此(cǐ)，對於(yú)網站站長來說，較(jiào)為穩(wěn)妥的(dí)移動(dòng)化(huà)方案(àn)是，既(jì)能提供(gōng)網(wǎng)站(zhàn)的(dí)自(zì)適應(yīng)設(shè)計，同時(shí)又(yòu)提供一(yī)個單獨(dú)的(dí)移(yí)動網站，這(zhè)樣既(jì)能讓(ràng)用(yòng)戶(hù)得到(dào)良(liáng)好(hǎo)的瀏(liú)覽體(tǐ)驗(yàn)，又能(néng)讓(ràng)搜(sōu)索引(yǐn)擎(qíng)較好(hǎo)收錄(lù)。
轉載(zǎi)請保留(liú)原文地(dì)址: https://antelcom.cn/show-43.html