如何讓網(wǎng)站移動(dòng)端更友好

2016年，移動(dòng)互聯(lián)網(wǎng)使用率首次超過(guò)計(jì)算機(jī)使用量,任何關(guān)注的人都不應(yīng)該感到驚訝。自Apple發(fā)布第一款智能手機(jī)以及移動(dòng)設(shè)備成為日常生活的常規(guī)部分后，移動(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ò)程中損害您的搜索引擎排名）。

你必須讓你的網(wǎng)站移動(dòng)友好。但是知道你需要做的事情并且實(shí)際上知道如何去做是兩回事。您現(xiàn)在可以采取以下幾個(gè)步驟，以確保您的網(wǎng)站適合您的移動(dòng)訪問(wèn)者，就像您的桌面用戶一樣。

1.讓您的網(wǎng)站響應(yīng)。

響應(yīng)式網(wǎng)站設(shè)計(jì)包含您訪問(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)專(zhuān)業(yè)人士來(lái)幫助，或者尋找包含移動(dòng)友好模板的網(wǎng)站構(gòu)建者。

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)用戶將被排除在外。

4.包括Viewport元標(biāo)記。

視口元標(biāo)記是控制網(wǎng)站在移動(dòng)設(shè)備上顯示方式的簡(jiǎn)便方法。如果您的頁(yè)面在手機(jī)的小屏幕上以與在桌面上相同的寬度打開(kāi)，則您將不得不從一側(cè)到另一側(cè)進(jìn)行一些笨拙的滾動(dòng)以閱讀每行文本并查看不同的側(cè)面這頁(yè)紙。視口元標(biāo)記告訴瀏覽器將頁(yè)面寬度調(diào)整為訪問(wèn)者來(lái)自的設(shè)備類(lèi)型的屏幕。

將它添加到您的HTML非常簡(jiǎn)單。只需將其粘貼到每個(gè)頁(yè)面的html上：

<meta name =“viewport”content =“width = device-width，initial-scale = 1”>

5.為表單啟用自動(dòng)更正。

如果您的網(wǎng)站上有要求提供姓名或地址信息的表單，那么您可以通過(guò)一種簡(jiǎn)單的方式為移動(dòng)訪問(wèn)者提供更多信息，即關(guān)閉每個(gè)表單字段的自動(dòng)更正，否則他們的手機(jī)會(huì)嘗試更改其姓名或街道名稱(chēng)更常見(jiàn)的單詞，并減慢填寫(xiě)表單的過(guò)程。

6.使你的按鈕大小足夠在移動(dòng)設(shè)備上工作。

用鼠標(biāo)點(diǎn)擊幾乎任何尺寸的按鈕都很容易，但是當(dāng)你試圖用手指在智能手機(jī)小屏幕上“點(diǎn)擊”時(shí)，小按鈕很難處理。如果有多個(gè)小按鈕彼此靠近，那么尤其如此 - 在按下另一個(gè)小按鈕的同時(shí)按下另一個(gè)按鈕會(huì)對(duì)訪問(wèn)者造成真正的煩惱。

保護(hù)訪問(wèn)者免受這種挫敗感的最好方法是使用更大的按鈕。在網(wǎng)站設(shè)計(jì)向網(wǎng)站添加按鈕（以及所有已經(jīng)存在的按鈕），都需要花一些時(shí)間在您的員工和家人之間通過(guò)許多移動(dòng)設(shè)備自行測(cè)試。

7.使用大字體大小。

如果字體很小，那么在小屏幕上閱讀會(huì)更難。最好在你的網(wǎng)頁(yè)上使用至少14px的字體大小，但請(qǐng)繼續(xù)測(cè)試看起來(lái)如何在這里看起來(lái)更好。

最好堅(jiān)持使用標(biāo)準(zhǔn)字體。訪問(wèn)者瀏覽器可能需要下載的任何字體都會(huì)降低網(wǎng)站加載時(shí)間，這對(duì)移動(dòng)設(shè)備來(lái)說(shuō)是個(gè)壞消息。

8.壓縮圖像和CSS。

說(shuō)到網(wǎng)站設(shè)計(jì)加載時(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ù)面影響。

9.定期進(jìn)行移動(dòng)測(cè)試。

您可以做的最好的事情是確保您的網(wǎng)站的移動(dòng)體驗(yàn)是一個(gè)好的，是在您的移動(dòng)設(shè)備上定期測(cè)試它。經(jīng)常在您的手機(jī)和平板電腦上拉動(dòng)您的網(wǎng)站，并花一些時(shí)間瀏覽，看看是否有任何難以看到或難以做到的事情。

即使你今天掌握了一切，移動(dòng)設(shè)備的外觀和工作方式也會(huì)不斷變化，而今天的移動(dòng)友好型網(wǎng)站可能仍然無(wú)法完成明天的工作。繼續(xù)測(cè)試，在需要的地方繼續(xù)調(diào)整，并繼續(xù)優(yōu)先考慮您的移動(dòng)用戶，這樣才能網(wǎng)站持續(xù)的體現(xiàn)應(yīng)有的作用和價(jià)值。