如何優化你的網站的移動端SEO

CCMO資訊團隊 譯者：馬仙花 審校：袁帥

移動互聯網的使用數量激增，而且不會減少。移動數據流量在過去5年里增長了18倍。到2021年，移動連接設備的數量預計將超過世界人口的116億。

僅憑這些數字，很明顯移動是任何營銷策略的巨大遊戲改變者。

移動用戶在移動時實時消費信息。然而，許多網站設計仍然沒有考慮到不同的屏幕尺寸和頁面載入時間，這讓用戶很沮喪。

重要的是，你的網站立即給他們所需的信息，否則他們會離開網站，並在其他網站尋找類似的信息。當這種情況發生時，你不僅是在給你的競爭對手帶來潛在的影響，你也在損害你的網站。

那麼如何讓你的網站對移動端友好呢?如何優化移動SEO?

這篇文章回答了這些問題。首先，讓我們來介紹基礎知識。

怎樣才能成為一個好的移動網站？

用谷歌的術語來說，一個移動友好的網站是「可讀和立即可用的」。這意味著用戶不需要放大查看內容，鏈接可以很好地移動，而且你的頁面需要水平滾動，所以搜索者可以快速而輕鬆地從你的移動站點獲得他們需要的東西。

頁面載入速度也是所有網站的一個重要因素，特別是在移動端。研究表明，即使是載入時間延遲一秒鐘，也會打斷搜索者的思路，造成糟糕的用戶體驗。

為了檢查你的站點是如何度量的，使用PageSpeed Insights工具。它還提供了一些關於如何改進移動站點的載入時間的指示。

在設計方面，谷歌已經制定了25條原則來指導您在移動站點上提供良好的用戶體驗。

1)主頁和站點導航

保持在線聯繫方式在第一屏和中心位置。

保持菜單簡短和簡潔。

容易返回主頁。

不要讓促銷活動帶走流量。

2)站內搜索

使網站搜索可見。

確保站點搜索結果是相關的。

實現過濾器以提高站點搜索可用性。

引導用戶獲得更好的搜索結果。

3）商務轉換

讓用戶在提交之前進行探索。

讓用戶作為客人購買。

利用現有信息最大化便利性。

使用單擊調用複雜任務的按鈕。

在另一個設備上完成轉換很容易。

4)表單條目

流線信息輸入。

簡化每個任務的輸入方法。

提供選擇日期的可視日曆。

使用標記和實時驗證避免表單錯誤。

設計有效形式。

可用性和表單因素

5）可用性和表單因素

優化您的整個移動網站。

不要讓用戶手動縮放。

使產品形象可擴展。

告訴用戶哪個屏幕方向效果最好。

將您的用戶放在一個瀏覽器窗口中。

避免使用「全站點」標籤。

明白用戶的點擊位置。

如何判斷我的網站是否對移動設備友好?

有幾個工具可以幫助你評估你的網站在移動上的表現：

1）接受谷歌手機友好測試。只需輸入一個頁面URL即可查看頁面在移動設備上的執行情況。

2）檢查移動可用性報告，查看並修復在您的站點上發現的潛在的移動問題。

3）如果你使用的是像WordPress或Joomla這樣的CMS網站，請遵循谷歌關於如何使CMS主題和模板移動友好的說明。

在此之前，請考慮以下幾點:

在更改或更新之前備份站點。如果在更新中發生意外，它可以恢復。在雲中創建一個本地備份副本和另一個安全層是最好的。

更新CMS到最新版本。它會自動安裝安全升級，使你的網站在大多數情況下都很友好。

檢查您使用的CMS支持的論壇，以查看人們可能與您的網站的移動版本的共同問題。什麼是移動搜索引擎優化，為什麼它是重要的？

谷歌的移動第一索引

谷歌逐漸改變了它的搜索演算法,以此來解釋移動連接設備的持續增長。在過去的兩年里,它已經重申需要優化移動使用的網站,並公布了如何使網站移動友好的資源。在2016年，谷歌開始對移動第一索引進行實驗。儘管目前它仍然使用單一的網站和應用程序搜索索引，搜索演算法最終會將站點的移動版本的內容排序到頁面上。

雖然谷歌推動網站的移動友好,但它仍然抓取電腦版。因此,您需要確保移動版中的內容和鏈接與您的電腦板一致。這是為了確保Google能夠使用正確的內容,並以與抓取您的電腦版網站時相同的方式來對網站進行排名。

如果你的手機和電腦版之間的差異很大，移動索引將影響排名。例如，如果頁面的移動版比電腦版的內容少得多，谷歌將把移動版視為原始版本。

嘗試搜索引擎優化策略

作為對Google移動優先索引的回應，網路管理員也把移動搜索引擎優化作為一項優先任務。

一個移動搜索引擎優化策略不僅僅是擁有一個移動響應的網站。它包括優化網站資源，讓Googlebot知道，你確實有一個移動網站，在搜索排名中優先排序。

第一步是讓谷歌了解你的網站的移動配置。如果您想使用響應性的web簽名、動態服務或單獨的URL解決方案，這取決於您。

每個移動解決方案都有其優缺點。但只要你設置得當, Google就能全部理解。

1)響應設計

谷歌更喜歡這種配置，因為它不需要額外的代碼或提示就很容易理解。響應式web設計在相同的URL上提供相同的HTML代碼在所有設備上，但是可以以不同的方式呈現顯示。

為了向瀏覽器表明你的頁面將會適應所有的設備，Google建議設置viewport並將這個meta標記添加到文檔的頭部:

2)動態服務

有了動態服務, Google建議您提供一個提示,即您正在更改基於用戶代理的內容,因為您這樣做並不是很明顯。

這種配置會改變HTTP頭信息，通知Googlebot智能手機抓取移動優化版本的URL。

3)單獨的URL

您可以在不同的url上承載網站的移動版本:

移動子域(m.example.com)

一個完全獨立的移動域(example.mobi)

子文件夾(example.com/mobile)

只要在桌面和移動版本之間正確地實現two-way注釋,這些都是可以的。

4)加速移動頁面(AMP)

谷歌在過去一年左右也一直在推動AMP功能。它是HTML的一種簡化格式，所以它載入得更快。然而，在可用性和功能性方面，人們一直在抱怨AMP。

一些出版商說，它的價值不像其他配置那樣高。這是因為在沒有移動版本的情況下，谷歌在AMP功能上對桌面版進行了索引。

無論您選擇哪種配置，這裡都有一些您應該注意的關鍵點。

? 當一個頁面被格式化為移動時，向谷歌發出信號，幫助谷歌準確地為移動搜索用戶提供搜索結果中的內容。

? 避免那些讓移動訪問者失望的常見錯誤:

1)阻止了JavaScript、CSS和圖像文件

如果Googlebot沒有訪問到你的頁面的資源，它可能不會發現這個頁面是「移動友好」的，而且不會正確地服務於移動搜索者。

因此,保持您的資源抓取。不要使用robots.txt阻止搜索引擎訪問您的網站上的重要文件,幫助渲染頁面,包括廣告。

2)播放內容

谷歌建議使用HTML5標準標籤來包含視頻或動畫，而不是使用專有視頻播放器或將內容放在不支持的格式中

對於使用Flash或其他多媒體播放器的動畫內容，您可以使用Google Web Designer在HTML5中創建動畫。

3)重定向錯誤

如果您有獨立的移動URL，則需要將移動用戶重定向到每個桌面URL。這確保了用戶最終在他們所尋找的頁面上結束。

4)移動式404s

有些站點在電腦端正常載入，但在移動端顯示錯誤。如果你注意到用戶正在用移動設備訪問電腦板的網站頁面，在一個不同的URL上有一個等價的移動頁面，將他們重定向到那個URL，而不是提供一個404頁面。另外，確保移動友好的頁面不是錯誤頁面。

5)插播式廣告

不要干擾用戶完成網站上的任務。使用簡單的橫幅將您的應用程序與頁面內容內聯。

6)不相關的交叉鏈接

檢查你的鏈接，確保他們把用戶引導到正確的頁面。

7) 緩慢移動頁面

不要讓你的訪問者等待很長時間才能看到你的內容。目標是在不到一秒的時間內宣傳移動頁面。

8)小字體

使用清晰的字體大小來確保字體在不同的設備上可以按預期的大小進行縮放。建議使用16個CSS像素的基本字體大小。

9)相近的觸摸元素

為手指設計按鈕和鏈接，以避免意外的點擊。

設計和內容的協調

用戶訪問你的站點是為了滿足他們的需求，但是他們想要最快得到他們想要的結果。考慮到屏幕尺寸和帶寬等移動設備的局限性，設計的重點是更有效地突出內容。

話雖如此，在移動網站上說內容超過設計，或者設計比內容更重要，這是不準確的。這兩個元素在所有設備上都是同等重要的。

但與電腦板不同的是，你可以將兩部分內容並排放在一起，你必須在你的移動站點中有一個內容層次結構，這樣用戶體驗就會高。最重要的消息總是出現在頂部，例如您的公司名稱、徽標和CTA;其次是由上下文和時間敏感性決定的二級和三級內容。

視覺對移動設備的重要性

視覺內容在移動設備上的參與度最高。僅在YouTube上，51%的視頻遊戲都在移動設備上。移動端在社交媒體網路上的花費也佔了近80%的時間，在這些社交媒體上，照片和視頻可以獲得更多的互動。

當涉及到移動站點時，圖像和視頻的優化是必須的。它們會吸引你的用戶，提升你的移動搜索引擎優化。

如何優化移動SEO的視頻

如果你需要在你的網站上發布很多視頻，那麼最好是使用YouTube視頻讓你在移動設備上的觀看更加順暢。

根據谷歌的最佳視頻實踐，你的視頻將會在搜索結果中曾現。

用schema.org來標記你的視頻。

Schema模式標記是一種將機器可讀信息添加到內容中的語言。添加到您的視頻內容中，可以更容易讓搜索引擎索引。

向Google提交視頻站點地圖或mRSS提要

Sitemaps是一種很好的方式，可以確保Google了解站點上的所有內容，包括那些可能無法通過通常的爬行方法發現的內容。

告訴谷歌當你從你的網站上刪除視頻

對於任何一個視頻被刪除或過期的著陸頁面，返回404(Not found)HTTP狀態代碼。除了404響應代碼之外，您還可以將HTML返回給大多數用戶。

創建高質量的縮略圖

在視頻結果的旁邊，谷歌展示了拇指指甲大小的摘要圖像。它將根據你的站點、站點地圖或標記中的信息，為你的視頻頁面識別等價的縮略圖。

JavaScript、Flash和標籤

在配置視頻頁面時不要使用過於複雜的JavaScript或Flash設置。如果你這樣做，谷歌可能不會正確地顯示你的視頻。

創建一個很好的用戶體驗

為每個視頻創建一個獨立的著陸頁面，並在每個頁面上提供描述性標題和描述，讓用戶更容易識別視頻內容。

使用一個突出的嵌入式視頻播放器，支持不同的視頻格式，讓你的視頻對用戶更有吸引力，並且更容易讓谷歌索引。

如何優化移動SEO的圖片

在優化圖片方面，這裡有一些技巧可以幫助你獲得搜索排名：

1）描述你的圖片

搜索引擎在你的網頁上抓取文字和你的圖像文件名中的關鍵字。看看你的網站分析，看看你的訪客在搜索圖片時使用的是什麼樣的措辭。找到它們使用的最常用的命名模式，並將這種命名應用到您圖片的命名過程中。

2）優化你的Alt標籤

alt屬性為您的站點添加了SEO價值。通過在圖片中添加適當的alt標籤，將關鍵字與圖片相關聯，這有助於你的網站在搜索引擎中排名更好。

3）減少圖片的大小

如果網頁中包含了大量圖片，網頁的載入速度會慢一些。由於頁面載入時間是Google的排名演算法的一個因素，如果出現這種情況，頁面可能會被降權。

為了減少圖像的大小，你可以在Adobe Photoshop中使用「Save for Web」命令。在將圖像調整為可接受的最低文件大小時，確保保持對圖像質量的關注。如果你沒有Photoshop，你可以嘗試一些免費的圖片編輯器。

4）了解在合適的情況下使用哪種圖像文件類型

JPEG、GIF和PNG是三種最常見的圖像文件類型。

對於電子商務網站來說，JPEG是最好的，因為它們在最小的文件大小中具有最好的質量。

為縮略圖和裝飾圖像使用gif。

PNG是一個很好的替代jpeg和gif。png可以用作簡單的裝飾圖像,因為它們的文件大小非常小。如果您只有PNG格式的照片,請嘗試使用PNG-8多於PNG-24。

5）使用圖片站點地圖

蜘蛛無法抓取網頁源代碼中顯示的圖像。為了讓他們知道這些圖片，你需要在一個圖片站點地圖中列出他們的位置。

對於圖像優化的技術方面，您可以參考開發人員對Google圖像優化的指南。

結論

越來越多的手機連接設備只顯示了用戶對即時滿足他們的信息需求的熱情。你的移動站點應該讓他們很容易的做他們需要做的事情，而不用太多的煩擾和分心。

【譯者簡介】

馬仙花： 一直從事重工機械行業互聯網營銷工作，擅長谷歌SEO，內容營銷，是內容營銷和SEO的親身實踐者，數據分析愛好者

【審校簡介】

袁帥，網路營銷，搜索引擎營銷運營出身，CEAC國家信息化計算機教育認證：網路營銷師，SEM搜索引擎營銷師，SEO工程師，專註互聯網數據分析運營，現為會點網事業合伙人，運營負責人，貿促會—今日會展會員聯盟VIP個人會員，周五咖啡媒體人俱樂部發起合伙人，互聯網數據官iCDO原創作者，互聯網營銷官CMO原創作者。

【關於互聯網營銷官CMO】

互聯網營銷官CMO是一個公益性組織，致力於打造國內領先的互聯網營銷領域人才交流討論的平台，定位於助力互聯網營銷領域的人才互幫互助，共同成長為首席互聯網營銷官（Chief Marketing Officer）。為未來的互聯網營銷官CMO們提供互聯網營銷行業最新最前沿的營銷乾貨和行業資訊、涵蓋互聯網營銷領域的SEO、SEM、PPC、網盟營銷、EDM營銷、紅人營銷、大數據營銷、場景營銷、O2O營銷、事件營銷、病毒營銷、口碑營銷等眾多互聯網營銷方法和手段。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！