該網站的移動版本：如何使？ 響應式設計

平板電腦，手機與網站的優化作為一個新的水平連接 - 今天，大多數人通過移動小工具上網。 如果一個用戶來了，看到該網站沒有為移動設備優化：您不能查看圖像，被拉斷的按鈕，小且無法讀取字體，設計傾斜 - 99的100％，他就會出來，並開始尋找另一個更方便。 一個 履帶 就會把支票的資源是不相關的，T。E.不匹配搜索查詢。 因此，頁面的設計應始終適應於各種移動設備。 什麼是網站的移動版本，該怎麼辦呢，有什麼更好的方式來申請？ 閱讀這篇文章。

因此，也有適應的移動版網站的四個關鍵方面。

方法一 - 響應式設計

自適應模式建議改變圖像的網站，這取決於屏幕尺寸。 一般情況下，它們被設置為標準的1600年，1500年，1280 1100 1024和980像素。 要實現使用 CSS3媒體查詢。 網站設計本身並沒有改變。

這種方法的優點應包括：

• 舒適的設計為結構調整自己的顯示設置，並且任何更新不需要從頭開始設計，足以調整CSS和HTML的發展;
• 一個URL - 用戶並不需要記住幾個名字，就沒有必要對重定向（轉發從一個地址到另一個），可網站管理員的工作複雜化，和搜索引擎更容易排序，以資源使用一個地址。

當然，自適應模板有自己的缺點，其中，順便說一句，比優點多。 然而，許多開發商堅持這樣的理念，例如，谷歌公司，其擁有自適應設計網站的移動版本。 因此，缺點：

• 響應式設計不支持在移動設備上相同的任務，在PC上。 如果是這樣，例如，銀行的網站上，用戶很可能是在匯率或最近的ATM機的重要信息的移動版本，那麼這個設計是很不夠。 但如果是有很多章節和小節的複雜結構化資源，將 自適應佈局 幾乎將吸引遊客。
• 加載速度慢的網站可恨轉換的喜愛。 這是尤其如此，那裡有動漫資源，視頻剪輯，彈出窗口和豐富等活性元素。 由於頁面的重量級的根本就“慢下來”的用戶 - 上火，去和搜索網站的位置 - 下跌。
• 無力關掉手機版 - 是另一個顯著的缺點。 如果一個元素是隱藏的佈局，你不能做任何事情來打開它，而不是網站，你可以禁用它，去正規的域名。

不過，該網站的移動版本快，無特殊技能和資源成本可以適應任何小工具。 但它適合，因為這些缺點，以一個小的，簡單的，用最少的信息資源和多媒體的，而無需複雜的導航和動畫。 對於複雜的網站將接近其他2種方式。

第二種方法 - 該網站的獨立版本

這種方法是很常見的，往往與成功使得網站在移動設備上更易於閱讀。 其實質是創建網頁的獨立版本，應用程序繪製並放置在一個單獨的URL或子域名，例如，m.vk.com。 在這種情況下，基本功能都將保留，只是看起來不同的網站設計。 這種方法的優點是可用的：

• 友好的用戶界面;
• ..易於編輯和修改，這是對版本存在從主要資源分離;
• 由於它比自適應模板快得多網站的各個版本的低體重;
• 經常有機會去到頁面的主要版本從移動。

但這裡也不是沒有缺點：

• 多個地址 - 桌面和移動版的網站。 如何讓讓用戶記住兩個選項？ 網站站長往往規定重定向（重定向）到dekstopnoy行動版本，但是如果這個頁面的移動版本不存在，用戶將收到一個錯誤。 在這裡，有與搜索引擎，這是很難的排名相同的資源的2困難，這對推廣有直接的影響。
• 從計算機網站的移動版本，如果用戶錯誤地往下走它看起來荒謬，這也影響上座率。
• 這個版本更容易削減，台式計算機，因此用戶將有非常有限的功能。 但在同一時間，如果有任何缺失，遊客可以到頁面的完整版本。

在一般情況下，單獨的移動網站不負有心人，是資源適應移動設備的最常見的方式。 它是全球最大的在線零售商的青睞，例如，亞馬遜。

第三條道路 - RESS設計

搜索引擎谷歌正在積極支持的移動設計了這一趨勢。 這是為了適應您的手機或平板電腦的網站是最複雜的，昂貴的，但有效的方式。 這就是所謂的RESS。 它是在可單獨下載到每個設備的移動應用靶向的資源。 Android的 - 從GOOGLEPLAY，但對於蘋果 - 與iTunes。

這樣的應用是快速，自由，輕鬆，有以適應不同類型的信息的能力，並且在手機的內存和網絡流量沒有吃過通過瀏覽器訪問一個網站時。 他們很容易進入，因為鏈接將永遠在手在屏幕上，而且也沒有必要在瀏覽器地址欄輸入複雜的名字。

有，當然，也有缺點，如大量的程序員的勞動成本高的開發難度，需要做一些佈局選項。 有時，移動設備不被應用程序識別。 需要定期的技術支持，糾正缺陷。 但是，此選項被認為是最好鑑於生產正常運行時間提出的三個。

做一個移動網站最便宜的方式

上述所有方法涉及即使不總是一個漫長而複雜，但仍支付網站管理員的工作。 如果您看不到迫切需要這樣的發展，你將接近該網站的一個簡單且免費的移動版本。 如何做到這一點的最簡單的方法？

為響應式設計下載自定義模板（插件）。 例如，WP手機探測器，WordPress的移動包，WPSmart移動等。 他們會幫助到您的手機正確顯示的網站，你會得到應該得到糾正，以更好地適應頁面的移動版本的一些技巧。

當然，這種方法很難適用於嚴重的資源。 相反，它是一個自由選擇適用於小型和非常簡單的網站，博客，新聞提要。 不要忘記，谷歌搜索引擎，以及“Yandex的”，使得今天的移動版了很高的要求，因此存在著巨大的機會，用這種方法來降低自己的立場。

使用這種方法，最有可能的，將被削減廣告和彈出橫幅，但頁面會快速載入，沒有“滯後”。

原則創建移動版本

不管是創建免費的或與國家站長的幫助下，網站的移動版本，是RESS系統或者使用自適應模式做。 她的卓有成效的工作，最重要的是需要遵循一些非常重要的原則。 那麼，究竟應該是網站的移動版本？ 如何使之成為高效，有效和效率？

刪除所有不必要的

極簡主義 - 這應該尋求開發的移動版的網站。 想像一下，這是多麼不容易接收信息，這是開滿鮮花，按鈕，橫幅，你必須不斷地滾動，以找到合適的材料。 手機設計要簡單，乾淨。 選擇2-3個分離的色彩空間（例如，公司）。 這是更好的，如果他們中的一個是白色的。 分上的小屏幕上清晰可讀區的空間。 虛擬鍵應該是對用戶可見清楚的知道應該點擊哪裡，看到 - 這款產品的表格填寫數據，因此信息交付和付款。

這將是在桌面版本和用於製備生活，為用戶更容易的所有其他選項，這裡只帶來困難。 只留下最重要的元素。 動畫，廣告橫幅，多媒體，最有可能的，只會阻礙工作的網站或應用程序，並從主點減損。

對準

問對準沒有那麼嚴重，因為如果正確地做到這一點，用戶將只接收重要的話結束。 普遍接受的左對齊和垂直。 想像一下，你通過你的手機上的RSS提要如何翻轉。 你這樣做，從上而下，而不是左側或右側。

工會

當變遷的長鏈的可能性不大，嘗試幾個步驟合併成一個。 例如，該網站需要分幾個階段來輸入數據 - ..名稱，然後其中每個細胞都是獨立的房子，街道，公寓等地址為了不強迫用戶試圖獲得對一組小格，請他們填寫只有2 - 名稱和地址。

和斷開

有時候，相反，它需要的信息過量的分離。 例如，在下拉菜單中有80個城市，你提供的列表。 集團通過他們的區域，從而使用戶不必經過漫長列表中滾動。 當他將鼠標懸停在該區域中心或區域將落在城市的另一份名單。

名單

順便說一句，關於名單。 他們的兩個 - 固定的字母順序或其他命令，並與替換。 他們的選擇取決於什麼將被轉移。

修正了用戶確切地知道他正在尋找的事件方便。 例如，城市，數字或日期。 第二個選項是適合長時間複雜的名稱或在情況下，有一個在一組變化的和相同的名稱，並且每個下拉列表用戶接近步驟的目標。 與autosubstitution選項，當訪客需要幫助經常使用。 例如，該網站提供購買織針。 用戶輸入搜索查詢“金屬輪輻”，並在尖端點“輻條5毫米”“輪輻4.5毫米”和叔。D.

自動完成

這一點對於那些在網上賣東西的網站尤其如此，你必須填寫支付，送貨上門的標準形式等。N.如果人員從電話購買，那麼最有可能的，他沒有時間去一台電腦，這意味著該進程購買必要作出快速和方便。

對於這種形式都可能包含數據已經充滿，也可以採取最流行的答案。 例如，插入當前日期，以現金支付，城市的方法，如果你在同一區域工作。 他們是可以改變的，但如果你擊中目標時，用戶可以節省時間。

所有讀，所有觀看

通過創建一個移動網站設計，請記住，所有的電話都不同，而且相同的願景。 也許您的網站將有一個小屏幕觀看，所以字體應該簡單易讀，按鈕 - 足夠大，他們可以點擊並不能進入下一個頁面，並且圖像必須被單獨打開，大，尤其是當它涉及到互聯網商店。

有人統計

在談到該網站，以適應移動設備，就必須求助於統計理解這個過程是多麼的重要促進網絡。

下面的數字。 今天小工具是人口的87％，顯然，除了非常年幼的兒童有的老人。 經濟學家預測移動商務的增長在未來5年100倍。 然而，只有21％的網站適合移動設備的工作。 所以，互聯網流量和電子商務市場是由第5的一小部分只佔。

考慮到這些數字。 是否有意義，以適應您的資源？ 當然是的。 此外，儘管有這麼多的空間，在這個市場，你可以把它自己的部分。

當需要的是移動版

使用移動版適用於任何平台，其目的是獲得高排名。 畢竟，這是對用戶產生直接的影響，創造了他一個舒適的環境，留在您的網站。

如果沒有移動版不能存在：

• 新聞門戶網站，因為這是他們上下班的路上或學校觀看次數最多的電話;
• 社交網絡 - 出於同樣的原因，再加上有傳播的因素線上，所以很方便，友好的交談是要創建;
• ..幫助，網站導航等，那裡的人交易，而在尋找什麼東西;
• 網上購物 - 吸引誰不花的購物之旅的時間和購買所有通過手機上網的客戶的能力。

而不是結束

今天，移動通信技術正處於積極的成長和發展，因此階段，力爭成為市場的領導者，任何公司必須確保其網絡資源滿足要求。 由於越來越多的用戶請求的網站必須不斷現代化，適應不同的設備。 很顯然，如果一個人不舒服的是在一個特定的資源，它不能在那裡獲得有關產品或價格信息，下訂單，查詢送貨，他會發現該網站，在那裡這一切都將成為可能。 因此，為了在競爭中勝出，它具有靈活，用戶界面友好，功能和有趣的資源是非常重要的。

讓它幫助Android的網站或iOS的移動版本。 要做到這一點，選擇上述方式來重新設計一個 - 自適應模板，創建子域上一個新的網站，並通過重定向使用免費模板過渡到它，或者創建一個移動應用程序，通過它用戶可以方便地進入並停留在頁面上。

這種做法，不僅有利於留住現有客戶的忠誠度，同時也將提供一個機會，吸引新遊客。