如何使網(wǎng)站移動(dòng)友好
2016年,移動(dòng)互聯(lián)網(wǎng)使用率首次超過(guò)計(jì)算機(jī)使用率。任何關(guān)注的人都不應(yīng)該感到驚訝。自從Apple發(fā)布第一款智能手機(jī)以及移動(dòng)設(shè)備成為日常生活中常見(jiàn)的一部分以來(lái),移動(dòng)設(shè)備的使用一直呈上升趨勢(shì),我們都希望人們每次離開(kāi)家時(shí)都會(huì)看到他們的手機(jī)。
對(duì)于網(wǎng)站所有者而言,人們與網(wǎng)絡(luò)互動(dòng)方式的這種轉(zhuǎn)變并不令人驚訝,但它確實(shí)增加了您使網(wǎng)站移動(dòng)友好所需的緊迫性。如果您的移動(dòng)訪問(wèn)者在您的網(wǎng)站上登陸時(shí)目前沒(méi)有良好的體驗(yàn),那么您將遠(yuǎn)離潛在流量的大部分(并在此過(guò)程中損害您的搜索引擎排名)。
你以前聽(tīng)說(shuō)過(guò),但我們?cè)僬f(shuō)一遍。你必須讓你的網(wǎng)站移動(dòng)友好。但是知道你需要做的事情并且實(shí)際上知道如何去做是兩回事。
使您的網(wǎng)站移動(dòng)友好的8個(gè)步驟
您現(xiàn)在可以采取以下幾個(gè)步驟,以確保您的網(wǎng)站設(shè)計(jì)適合您的移動(dòng)訪問(wèn)者,就像您的桌面用戶一樣。
1.讓您的網(wǎng)站響應(yīng)。
響應(yīng)式網(wǎng)站包含您訪問(wèn)它的任何設(shè)備上的所有相同內(nèi)容和信息,但它會(huì)根據(jù)設(shè)備屏幕的大小更改其顯示和排列方式。這是使您的網(wǎng)站適合移動(dòng)設(shè)備的最佳選擇,因?yàn)槟粫?huì)限制移動(dòng)訪問(wèn)者可以訪問(wèn)的信息 - 他們?nèi)詴?huì)獲得其他訪問(wèn)者所有相同的內(nèi)容。響應(yīng)式設(shè)計(jì)對(duì)SEO也有好處。百度表示,這是他們首選的移動(dòng)網(wǎng)站格式。
建立一個(gè)響應(yīng)式網(wǎng)站不適合初學(xué)者。您需要聘請(qǐng)專業(yè)人士來(lái)幫助,或者尋找包含移動(dòng)友好模板的網(wǎng)站構(gòu)建者。如果阻止你使你的網(wǎng)站對(duì)移動(dòng)設(shè)備友好的主要原因是不知道如何自己做這件事,那就把這個(gè)借口壓縮并完成它。
2.讓信息人們更容易找到。
有些人在移動(dòng)設(shè)備上瀏覽網(wǎng)頁(yè)并不介意花一些時(shí)間以與計(jì)算機(jī)上相同的速度瀏覽或閱讀內(nèi)容,但其他人希望盡可能快速,輕松地找到所需信息。想想移動(dòng)設(shè)備上的人們?cè)谠L問(wèn)您的網(wǎng)站時(shí)最有可能尋找的信息,并將其放在移動(dòng)主頁(yè)上顯而易見(jiàn)的地方。
另請(qǐng)考慮人們?cè)L問(wèn)您網(wǎng)站時(shí)最常查找的常見(jiàn)問(wèn)題解答。將所有答案放在移動(dòng)主頁(yè)的前面和中心可能沒(méi)有意義,但是你應(yīng)該讓它們易于在移動(dòng)設(shè)備上查找和導(dǎo)航。
3.不要使用Flash。
Flash在很大程度上在幾年前失寵了,因?yàn)樗鼘?duì)搜索引擎優(yōu)化很不利。它可以減慢頁(yè)面的加載時(shí)間,并且有很多瀏覽器和設(shè)備根本不起作用。
Android和iOS設(shè)備都不支持閃存,因此如果您構(gòu)建的網(wǎng)站在任何方面都取決于Flash動(dòng)畫(huà)的體驗(yàn),您的移動(dòng)用戶將被排除在外。此時(shí),最好在您的網(wǎng)站上完全廢棄該技術(shù),并找到一個(gè)沒(méi)有它的強(qiáng)大網(wǎng)站設(shè)計(jì)。
4.為表單啟用自動(dòng)更正。
很容易不去考慮的事情是自動(dòng)更正的小方法可以使用戶與您的網(wǎng)站的互動(dòng)更加不方便。如果您的網(wǎng)站上有要求提供姓名或地址信息的表單,那么您可以通過(guò)一種簡(jiǎn)單的方式為移動(dòng)訪問(wèn)者提供更多信息,關(guān)閉每個(gè)表單字段的自動(dòng)更正,否則他們的手機(jī)會(huì)嘗試更改其姓名或街道名稱更常見(jiàn)的單詞,并減慢填寫表單的過(guò)程。
5.使您的按鈕大小足夠在移動(dòng)設(shè)備上工作。
用鼠標(biāo)點(diǎn)擊幾乎任何尺寸的按鈕都很容易,但是當(dāng)你試圖用手指在智能手機(jī)小屏幕上“點(diǎn)擊”時(shí),小按鈕很難處理。如果有多個(gè)小按鈕彼此靠近,那么尤其如此 - 在嘗試按下另一個(gè)按鈕時(shí)按下一個(gè)按鈕會(huì)給訪問(wèn)者帶來(lái)真正的煩惱。
保護(hù)訪問(wèn)者免受這種挫敗感的最好方法是使用更大的按鈕。無(wú)論何時(shí)向網(wǎng)站添加按鈕(以及所有已經(jīng)存在的按鈕),都需要花一些時(shí)間在自己的員工和家人之間通過(guò)許多移動(dòng)設(shè)備自行測(cè)試。確保在所有設(shè)備上選擇每個(gè)按鈕相當(dāng)容易,如果不是,請(qǐng)更新它以便它。
6.使用大字體大小。
如果字體很小,在小屏幕上閱讀會(huì)更難。最好在你的網(wǎng)頁(yè)上使用至少14px的字體大小,但請(qǐng)繼續(xù)測(cè)試一下,看看在這里看起來(lái)更大可能會(huì)更好。
最好堅(jiān)持使用標(biāo)準(zhǔn)字體。訪問(wèn)者瀏覽器可能需要下載的任何字體都會(huì)降低網(wǎng)站加載時(shí)間,這對(duì)移動(dòng)設(shè)備來(lái)說(shuō)是個(gè)壞消息。
7.壓縮圖像和CSS。
說(shuō)到網(wǎng)站加載時(shí)間,您總是希望您的網(wǎng)站速度快。但如果有的話,那個(gè)速度在移動(dòng)設(shè)備上更重要。這意味著讓您的網(wǎng)站移動(dòng)友好的另一個(gè)好方法是壓縮任何占用大量空間的東西并減慢加載時(shí)間。
這可能包括您的高分辨率圖像和CSS。通過(guò)壓縮它們,您可以確保它們加載更快,而不會(huì)對(duì)人們?cè)诰W(wǎng)站上看到的內(nèi)容的質(zhì)量產(chǎn)生負(fù)面影響。
8.定期進(jìn)行移動(dòng)測(cè)試。
您可以做的最好的事情是確保您的網(wǎng)站的移動(dòng)體驗(yàn)是一個(gè)好的,是在您的移動(dòng)設(shè)備上定期測(cè)試它。經(jīng)常在您的手機(jī)和平板電腦上拔出您的網(wǎng)站并花一些時(shí)間瀏覽以查看是否有任何難以看到或難以做到的事情。要求您的員工也這樣做,并考慮雇用用戶進(jìn)行測(cè)試(因?yàn)樗麄儠?huì)以新的眼光看待所有人)。
、
即使你今天一切正常,移動(dòng)設(shè)備的外觀和工作方式也將不斷變化,而今天的移動(dòng)友好型網(wǎng)站可能仍然無(wú)法完成明天的工作。繼續(xù)測(cè)試,在需要的地方繼續(xù)調(diào)整,并繼續(xù)考慮將您的移動(dòng)用戶作為優(yōu)先事項(xiàng),您應(yīng)該沒(méi)事。