如何讓網站移動端更友好

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

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

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

1.讓您的網站響應。

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

建立一個響應式網站不適合初學者。您需要聘請專業人士來幫助，或者尋找包含移動友好模板的網站構建者。

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

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

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

3.不要使用Flash。

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

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

4.包括Viewport元標記。

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

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

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

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

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

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

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

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

7.使用大字體大小。

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

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

8.壓縮圖像和CSS。

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

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

9.定期進行移動測試。

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

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