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

2016年，移動互聯(lián)網(wǎng)使用率首次超過計算機使用量,任何關(guān)注的人都不應(yīng)該感到驚訝。自Apple發(fā)布第一款智能手機以及移動設(shè)備成為日常生活的常規(guī)部分后，移動設(shè)備的使用量一直呈上升趨勢，我們都希望人們每次離開家時都會看到他們的手機。

對于網(wǎng)站所有者而言，人們與網(wǎng)絡(luò)互動方式的這種轉(zhuǎn)變并不令人驚訝，但它確實增加了您使網(wǎng)站移動友好所需的緊迫性。如果您的移動訪問者在您的網(wǎng)站上登陸時目前沒有良好的體驗，那么您將遠離潛在流量的大部分（并在此過程中損害您的搜索引擎排名）。

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

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

響應(yīng)式網(wǎng)站設(shè)計包含您訪問它的任何設(shè)備上的所有相同內(nèi)容和信息，但它會根據(jù)設(shè)備屏幕的大小更改其顯示和排列方式。這是使您的網(wǎng)站適合移動設(shè)備的最佳選擇，因為您不會限制移動訪問者可以訪問的信息 - 他們?nèi)詴@得與其他訪問者相同的內(nèi)容。響應(yīng)式設(shè)計對SEO也有好處。百度表示，這是他們首選的移動網(wǎng)站格式。

建立一個響應(yīng)式網(wǎng)站不適合初學(xué)者。您需要聘請專業(yè)人士來幫助，或者尋找包含移動友好模板的網(wǎng)站構(gòu)建者。

2.讓信息人們更容易找到。

有些人在移動設(shè)備上瀏覽網(wǎng)頁并不介意花一些時間以與計算機相同的速度瀏覽或閱讀內(nèi)容，但其他人希望盡可能快速，輕松地找到所需信息。想一想移動設(shè)備上的人們在訪問您的網(wǎng)站時最有可能尋找的信息，并將其放在移動主頁上顯而易見的地方。

另請考慮人們訪問您網(wǎng)站時最常查找的常見問題解答。將所有答案放在移動主頁的前面和中心可能沒有意義，但是您應(yīng)該在移動設(shè)備上輕松找到并導(dǎo)航到它們。

3.不要使用Flash。

Flash在很大程度上在幾年前就失寵了，因為它對搜索引擎優(yōu)化很不利。它可以減慢頁面的加載時間，并且有很多瀏覽器和設(shè)備根本不起作用。

Android和iOS設(shè)備都不支持閃存，因此如果您構(gòu)建的網(wǎng)站在任何方面都取決于Flash動畫的體驗，那么您的移動用戶將被排除在外。

4.包括Viewport元標記。

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

將它添加到您的HTML非常簡單。只需將其粘貼到每個頁面的html上：

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

5.為表單啟用自動更正。

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

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

用鼠標點擊幾乎任何尺寸的按鈕都很容易，但是當你試圖用手指在智能手機小屏幕上“點擊”時，小按鈕很難處理。如果有多個小按鈕彼此靠近，那么尤其如此 - 在按下另一個小按鈕的同時按下另一個按鈕會對訪問者造成真正的煩惱。

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

7.使用大字體大小。

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

最好堅持使用標準字體。訪問者瀏覽器可能需要下載的任何字體都會降低網(wǎng)站加載時間，這對移動設(shè)備來說是個壞消息。

8.壓縮圖像和CSS。

說到網(wǎng)站設(shè)計加載時間，您總是希望您的網(wǎng)站速度快。但如果有的話，那個速度在移動設(shè)備上更重要。這意味著讓您的網(wǎng)站移動友好的另一個好方法是壓縮任何占用大量空間的東西并減慢加載時間。

這可能包括您的高分辨率圖像和CSS。通過壓縮它們，您可以確保它們加載更快，而不會對人們在網(wǎng)站上看到的內(nèi)容的質(zhì)量產(chǎn)生負面影響。

9.定期進行移動測試。

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

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