關於 2016 年移動設備優化您需要了解的 7 件事

如果您像大多數美國人一樣，可能會在移動設備上閱讀這篇文章，無論您是通過 Google 搜索找到它還是通過電子郵件找到它。 與以往相比，國內外越來越多的用戶通過移動設備訪問互聯網。 事實上，自 2014 年以來，我們更多的人通過手機訪問互聯網，而不是台式電腦。

重點是：今天，您必須將針對移動流量的優化作為您網站戰略的基石。

優化站點的移動體驗涉及適應特定的移動設備並確保訪問者通過移動設備獲得無縫體驗。 讓我們討論一些您在 2016 年針對移動設備優化網站時應該問的重要問題。

1. Google關於移動搜索的最新公告及其對您的意義

上個月在 Google 的網站管理員中心博客上，Google 宣布了他們為提高移動網站和移動搜索的可用性所做的努力。 在手機上搜索時，您是否看到搜索結果中出現“Mobile Friendly”？ 這將不再對大多數在線用戶顯示，因為谷歌正在清理體驗並收回寶貴的不動產。

谷歌還希望“懲罰”使用那些煩人的整頁彈出式廣告的網站。 Google 的目的是幫助搜索者更輕鬆地找到他們正在尋找的內容。 “侵入式插頁式廣告”（那些阻礙背景內容查看的彈出窗口）給用戶帶來了糟糕的體驗，因此谷歌將開始採取行動。 這可能涉及顯示您的網站排名較低，或者對於某些條款很可能根本沒有。 谷歌在這份聲明中說得很清楚：

“2017 年 1 月 10 日之後，從移動搜索結果過渡到用戶不易訪問內容的頁面可能不會排名那麼高。”

推薦：

如果您當前使用的功能可能被視為“侵入式插頁式廣告”，請在2017 年 1 月之前為移動用戶找到替代方案。

2. 我不確定我的網站針對移動設備的優化程度如何。 我從哪裡開始？

開始測試！ 一個簡單的起點是在您自己的移動設備上。 繼續，跳上並開始瀏覽。 我不打算對每一個問題都做一個詳盡的清單，但這裡有一些需要尋找的東西，它們可以讓您了解未來可能需要做多少工作。

• 移動用戶可能無法訪問某些頁面的區域、不起作用或隱藏在視圖中的按鈕、不顯示或不易點擊的導航。
• 重疊的頁面元素，例如英雄和橫幅圖像、副本、標題、徽標和其他元素。
• 圖像是否在您的頁面上正確呈現，或者它們是否像素化、太小或難以一目了然地看到和理解？
• 測試視頻以確保它們可以正確播放、可以暫停或停止、可以聽到音頻並且不會跳過或聽不見。
• 查看表單功能。 他們是否正確提交，是否允許自動填寫，是否易於填寫等。
• 查看手風琴、下拉菜單、音頻播放和用戶執行“操作”時涉及的其他方面。 它們是否正常工作並且易於使用？

推薦：

現有的工具可以使您的測試更進一步，以幫助您了解您的網站如何在人們使用的各種設備上提供服務，而不僅僅是您碰巧擁有的手機。

Android、Windows 和 iPhone 移動設備提供截然不同的體驗，因此應進行檢查以完成全面測試。 手機和台式機一樣使用不同的瀏覽器。 工具將有助於測試新手機和舊手機的配置，以及它們使用的瀏覽器。

3. 有哪些移動測試工具可以幫助測試我網站的移動性？

Google 提供免費的移動設備友好測試，可以幫助診斷一些問題，但它不會針對特定瀏覽器進行報告。 跨瀏覽器測試工具通常具有在移動設備和瀏覽器上進行測試的功能，每種工具都提供自己的工具集和相關成本。 CrossBrowserTesting.com、Browsershots、Browser Sandbox、Browsera 和 BrowserStack 是一流的選擇，根據您的需要，每月 10-100 美元以上不等。

工具只會通過移動設備向您展示頁面的外觀。 您的網頁設計團隊需要診斷頁面無法正常工作的原因。 這種仔細的審查可能會花費大量時間和資源。

推薦：

如果您必須確定優先順序，請考慮來自 Google Analytics 的數據，這些數據將幫助您了解用於訪問您網站的最常用瀏覽器和移動設備。 為您的實際訪客量身定制您的計劃。

4. 我應該如何優先考慮我網站上所需的移動優化修復？

這取決於。 在確定優化工作的優先級時，應考慮站點的目標和移動性問題的嚴重性。 例如，您網站上不允許發生轉換的區域應優先於修復一些未對齊的圖像。 修復無法點擊的網站區域的複雜開發項目也應優先於一些未對齊的圖像。

推薦：

使用上面列出的工具手動評估您的網站，並開始解決任何優化問題。

5. 我可以針對移動搜索優化我的網站，就像移動搜索引擎優化一樣嗎？

去年，我們在文章“移動搜索引擎優化最佳實踐”中寫了這個主題——移動使用和搜索趨勢相遇的關係。 SEO 的移動最佳實踐與傳統的 SEO 最佳實踐沒有太大差異。

用戶體驗和頁面加載速度非常重要。 您的網站越慢，導航和使用越困難，您的網站在移動和桌面搜索結果中的顯示就越少。 元數據很重要，因此也不要忘記那些獨特的元標題和描述。 吸引用戶點擊您的搜索結果，然後測試、測試、測試！

推薦：

考慮使用 Schema 結構化數據並利用那個極小的小屏幕。 結構化數據有助於評級在搜索結果中顯示為豐富的摘要。 在下面顯示的示例中，您可以看到評論、營業時間、時間等等。

訪問 Schema.org，了解有關您網站可用的結構化數據選項的更多信息。 不確定您是否實施了結構化數據？ 訪問 Google 免費提供的結構化數據測試工具，以測試您網站上的頁面。

針對搜索引擎和移動設備優化您的網站是一個迭代過程，需要持續進行測試、監控和分析。 Google 的 Search Console 提供有關您的移動性能的信息，例如移動搜索結果的點擊次數、展示次數和點擊率，以及您網站的移動性和任何相關問題。

針對移動搜索進行優化不僅僅是移動響應，而且確實會迫使您了解用戶實際如何使用他們的移動設備與您的公司互動。

6. 有哪些資源可以幫助我的開發人員解決我發現的移動問題？

• WordPress 移動開發手冊
• 面向商家和開發人員的 Magento
• 面向開發人員的 Google 移動友好網站資源
• 常見的移動錯誤 Google 開發人員資源
• 開發人員移動優化指南

7. 今天我應該考慮在我的網站上集成哪些設計功能？

特定於移動設備的功能是對您的網站的重要補充，可以增加訪問者的用戶體驗。

為“胖手指”設計。 為 44 像素寬的手指設計被認為是為“胖手指”設計的。 這將允許所有用戶訪問和點擊您頁面上的元素。 移動設計通常需要較小的手指，因此頁面的某些元素可能更難點擊和訪問。

點擊通話/點擊通話功能。 當電話號碼出現在您的網站上時，最佳做法是允許這些號碼被竊聽，以便用戶可以直接從列出的號碼撥打電話。 在旅途中很難復制/粘貼或記下電話號碼。 讓您的客戶更輕鬆，並在整個網站上啟用電話號碼的點擊通話功能。

概括

針對移動設備優化網站的過程是用戶在線體驗的重要組成部分。 當今的互聯世界要求營銷人員跳出框框進行思考。 隨著互聯世界變得更加移動，我們作為營銷人員的工作將要求我們繼續這種思路並專注於可用性。 我們希望您可以使用我們博客文章中討論的主題來優化您的移動在線資產，取得更大的成功，並朝著優化網站可用性和用戶體驗的最終目標努力。