目前,移動(dòng)瀏覽功能不斷普及提高,開(kāi)始優(yōu)化你的網(wǎng)站以更好地適應(yīng)移動(dòng)平臺(tái)和它的局限性將是你的第一要?jiǎng)?wù)。有很多簡(jiǎn)單的方法可以提高你的移動(dòng)瀏覽網(wǎng)站,同時(shí)又不過(guò)多的改動(dòng)你的網(wǎng)站,本文探討其中最流行且可以對(duì)可用性產(chǎn)生巨大的影響的8個(gè)。
流式布局
讓您的網(wǎng)站液體寬度布局是使您的網(wǎng)站的朝著對(duì)移動(dòng)設(shè)備友好的重要一步。它不僅摒棄了你的網(wǎng)站周?chē)亩嘤嗟乃揽臻g,他還可以使之在許多不同平臺(tái)和分辨率下查看。那么究竟流體寬度是什么意思呢?
流體寬度,顧名思義,就是您的網(wǎng)站可以根據(jù)瀏覽器的大小伸展活著縮放寬度。它實(shí)施的容易程度取決于您的當(dāng)前設(shè)置和布局。如果你有一個(gè)簡(jiǎn)單易用的布局,修改變CSS樣式表中的寬度屬性為以百分比來(lái)達(dá)到其效果是你唯一要做的。
沒(méi)有雜亂的廣告
雜亂的廣告是移動(dòng)平臺(tái)上的重大問(wèn)題上,即使網(wǎng)頁(yè)原本的布局沒(méi)有被破壞,最終用戶(hù)看到的廣告可能比內(nèi)容還多。有一個(gè)簡(jiǎn)單的修補(bǔ)程序來(lái)隱藏這混亂的現(xiàn)象而不必創(chuàng)建一個(gè)特定版本的移動(dòng)網(wǎng)站。你也可以創(chuàng)建針對(duì)手持設(shè)備的css樣式表,通過(guò)判斷終端的分辨率大小來(lái)調(diào)用。
無(wú)論你使用一個(gè),你應(yīng)該永遠(yuǎn)記住,大多數(shù)手持移動(dòng)設(shè)備有實(shí)際情況的限制,這意味著屏幕尺寸只能容納很少一些東西,這極少的東西就是訪問(wèn)您網(wǎng)站的用戶(hù)希望看到的那部分內(nèi)容。
集中的內(nèi)容
集中你的內(nèi)容是因?yàn)檫@是移動(dòng)設(shè)備的用戶(hù)立即看到關(guān)鍵。很多針對(duì)移動(dòng)設(shè)備的網(wǎng)站的往往會(huì)粘在了很多不必要的混亂的東西,例如圖像或廣告,但由于網(wǎng)站管理員必須了解,展示訪問(wèn)者最關(guān)心的內(nèi)容才是重點(diǎn)。
如果用戶(hù)是從手機(jī)訪問(wèn)您的網(wǎng)站并沒(méi)有連接到有線網(wǎng)絡(luò)上,帶寬受到一定的限制,這意味著用戶(hù)將選擇他或她想要訪問(wèn)的網(wǎng)站,而不是他們的訪問(wèn)那些在桌面上的網(wǎng)站。
這意味著,你需要確保你的網(wǎng)站在利用手機(jī)瀏覽占用少量的帶寬,這意味著圖像應(yīng)該是有限的,并且文字內(nèi)容應(yīng)為重點(diǎn)。假使您的網(wǎng)站是內(nèi)容是基于圖像的呢?
如果你的網(wǎng)站主要是基于圖象,你的第一要?jiǎng)?wù)是建立一個(gè)獨(dú)立的移動(dòng)網(wǎng)站,針對(duì)移動(dòng)平臺(tái)進(jìn)行優(yōu)化——通過(guò)降低圖像的大小和高度壓縮。一種替代方法是創(chuàng)造適用,允許第三方應(yīng)用程序的移動(dòng)設(shè)備的移動(dòng)應(yīng)用(app),這對(duì)為您的用戶(hù)來(lái)說(shuō)可能是一個(gè)有用的工具。
跨平臺(tái)的友好鏈接鏈接和效果
隨著新的網(wǎng)絡(luò)工具和影響繼續(xù)擴(kuò)大,很難沒(méi)有漂亮的懸停提示或下拉導(dǎo)航或甚至一個(gè)鏈接通過(guò)JavaScript彈出的小窗來(lái)展示信息。然而,對(duì)移動(dòng)設(shè)備的用戶(hù)來(lái)說(shuō),這些效果和工具可能無(wú)法在他們的平臺(tái)使用,這就帶來(lái)了許多無(wú)用的鏈接和工具。一個(gè)簡(jiǎn)單的解決辦法,就是始終為不能查看或使用他們的用戶(hù)提供替代方案。
一些移動(dòng)設(shè)備允許Javascript,但在你的網(wǎng)站無(wú)論如何都不能使用你原有的效果,所以最好的辦法是檢測(cè)連接到您的網(wǎng)站的平臺(tái)類(lèi)型,禁用或改變某些類(lèi)型的工具和效果一遍適應(yīng)得更好。
保持您的網(wǎng)頁(yè)簡(jiǎn)短,結(jié)構(gòu)緊湊
用于移動(dòng)設(shè)備的長(zhǎng)頁(yè)面肯定是一個(gè)巨大的倒退,因?yàn)榧虞d頁(yè)面需要花費(fèi)大量的時(shí)間。因此,保持你的網(wǎng)頁(yè)簡(jiǎn)短、結(jié)構(gòu)緊湊可以使你的網(wǎng)站跨平臺(tái)可訪問(wèn)——即使在一臺(tái)網(wǎng)速極低的設(shè)備上。因?yàn)椋脩?hù)最不愿意做的事情是等待網(wǎng)頁(yè)加載,而不是花時(shí)間瀏覽網(wǎng)站。
徹底的導(dǎo)航
眾所周知,由于其鍵盤(pán)或虛擬鍵盤(pán)用起來(lái)一點(diǎn)也不方便,輸入在大多數(shù)移動(dòng)設(shè)備就實(shí)實(shí)在在成為一種痛苦。因此,為您的網(wǎng)站建立一個(gè)徹底的導(dǎo)航是一個(gè)關(guān)鍵環(huán)節(jié),它可以使您的網(wǎng)站的移動(dòng)體驗(yàn)更加友好。如果您提供的大量的內(nèi)容,你需要確保用戶(hù)可以通過(guò)瀏覽找到他們而不必用使用搜索引擎。如果你不能在不適用搜索的情況下找到到你網(wǎng)站的某些部分,很有可能用戶(hù)也不能。
醒目而清晰的內(nèi)容
今天,許多新的移動(dòng)設(shè)備是觸摸屏,這意味著用戶(hù)將可以使用他們的手指來(lái)導(dǎo)航他們的設(shè)備和您的網(wǎng)站。如果您的網(wǎng)站的內(nèi)容和鏈接不夠醒目,不夠清楚,通過(guò)你的網(wǎng)站導(dǎo)航將是一個(gè)痛苦。
要防止這種情況很容易,試著去消除那些分散在文章或段落的鏈接,因?yàn)樗鼈儽患兾谋景鼑y以點(diǎn)擊或按住。相反,把這些鏈接放置到文本主題的上方或下方,同時(shí)保證他們足夠大,用戶(hù)就可以沒(méi)有困擾的用手指點(diǎn)擊它們。
簡(jiǎn)短且易記的鏈接
這是另一種輸入相關(guān)的問(wèn)題,如果用戶(hù)要輸入一個(gè)長(zhǎng)URL才能到你的網(wǎng)站,很有可能他們不會(huì)這樣做。如前所述,使用鍵盤(pán)或虛擬的鍵盤(pán)打字不適合長(zhǎng)文本塊,所以一定要確保你的網(wǎng)站有一個(gè)簡(jiǎn)短易記的域名。此外,在您的網(wǎng)站盡量避開(kāi)輸入工作也是理想的,因?yàn)橥ǔK麄兺ㄟ^(guò)快速指引或參考信息訪問(wèn)您的網(wǎng)站。
長(zhǎng)沙科聯(lián)環(huán)保科技有限公司
長(zhǎng)沙科聯(lián)環(huán)?萍加邢薰咀溆趪(guó)家級(jí)長(zhǎng)沙經(jīng)濟(jì)技術(shù)開(kāi)發(fā)區(qū),星沙工業(yè)園、我們以“科技創(chuàng)新,聯(lián)合共...南京尚上防腐木
南京尚上防腐木是一家專(zhuān)業(yè)致力于加工、制作、銷(xiāo)售戶(hù)外景觀防腐木,并為客戶(hù)設(shè)計(jì)安裝一站式服務(wù)的現(xiàn)...長(zhǎng)沙昱霆機(jī)電有限公司
長(zhǎng)沙昱霆機(jī)電有限公司是長(zhǎng)沙空壓機(jī)_長(zhǎng)沙空壓機(jī)保養(yǎng)_湖南空壓機(jī)維修_長(zhǎng)沙空壓機(jī)機(jī)頭維修-長(zhǎng)沙昱...湖南省土地學(xué)會(huì),湖南土地學(xué)會(huì),湖南土地學(xué)會(huì)官網(wǎng)
湖南省土地學(xué)會(huì)是全省土地科技工作者自愿組成,并依法登記的學(xué)術(shù)性、非盈利性、公益性的法人社會(huì)團(tuán)...湖南為美環(huán)保技術(shù)有限公司,醫(yī)療污水凈化機(jī)組...
湖南為美環(huán)保技術(shù)有限公司應(yīng)“綠水青山就是金山銀山”之勢(shì)而生,秉持“為民環(huán)保,美麗干凈”理想信...長(zhǎng)沙租車(chē)公司-長(zhǎng)沙鑫晨租車(chē)
長(zhǎng)沙鑫晨租車(chē)(長(zhǎng)沙租車(chē)網(wǎng))于2008年,已精工細(xì)作多年,F(xiàn)以成為長(zhǎng)沙地區(qū)較早的租車(chē)公司之一。...聯(lián)系方式
地址:湖南省長(zhǎng)沙市天心區(qū)韶山南路248號(hào)南園503室
電話:13637482004 0731-88571521
網(wǎng)址:http:///
郵箱:123@123007.com
微信咨詢(xún)
掃一掃進(jìn)移動(dòng)端