本篇內容分為五個章節：一、為什麼必須做移動端優化 二、怎麼實現一個在谷歌可排名的移動網站 三、網站怎麼做移動端的優化？ 四、怎樣提高移動端網頁的用戶體驗 五、高級移動SEO建議和實踐包括了所有你想知道的涉及移動端SEO的內容。

一、為什麼必須做移動端優化

1、什麼是移動端SEO？

移動端SEO是針對手機端和平板端的用戶進行網站優化的操作，包括讓你的網站資源對搜索引擎爬蟲來說是可爬取的。

2、為什麼移動端SEO這麼重要？

簡單的來說，移動端的搜索量呈現爆炸式的增長。從數據來看，目前58%的Goolge用戶使用移動端進行搜索。並且移動端搜索的增長非常迅速，比桌面端的搜索量多出了278億。

從數據上可以很明顯的看出，未來SEO的重心在移動端，谷歌對演算法進行大動作的更新很可能就是為了把重心放在移動端搜索。

3、現在的「SEO」就是對「移動端SEO」的優化嗎？

如果你的網站是針對Google進行優化，那麼答案是「YES」。

現在有95%的移動端用戶在Google上搜索內容。

基於谷歌在搜索市場佔據的支配地位，他們當然會修改演算法把重心放在移動端搜索的優化上。

首先，他們推出了移動端友好更新。

這個更新懲罰了移動端訪問不友好的網站，但是如果你的目標用戶很多並不是從移動端進行搜索的話，這個更新就無關緊要。直到谷歌讓每個搜索都變成移動端搜索，怎麼做的？谷歌讓他們的演算法「移動優先」。

4、什麼是谷歌移動優先索引？

谷歌移動優先索引使得搜索結果只根據頁面的移動端版本進行排名，當然，你從桌面端發起搜索的時候也是一樣。

在這個更新之前，谷歌對這兩邊的索引是獨立的，一個移動端版本和一個桌面端版本。

用戶從iPhone端發起搜索的時候，谷歌從移動端索引返回結果，用戶從桌面端發起搜索的時候，他們得到的是桌面端的結果。

現在，不管你使用哪種設備進行搜索，谷歌都根據移動索引來返回搜索結果。

5、谷歌的移動優先索引是否重要？

如果你的網站已經對移動端進行完美的優化適配，就不用在意。如果沒有的話，你會發現谷歌在推出這個策略之後網站排名明顯的下降。後續的內容特別介紹了如何針對你的網站進行移動端的優化。

6、谷歌認為的「移動端」都有哪些？

對於大多數人來說，移動設備無非就手機或者平板電腦。然而，谷歌表示「當我們說到移動設備的時候，我們並沒有把平板電腦包括在內」。對於谷歌來說移動端就是手機；所以，這邊給你的建議最好是對任何可以訪問你網站的設備都做適配優化。

二、怎麼實現一個在谷歌可排名的移動網站

首先，你的網站在移動設備上至少是可訪問的，現在實現一個移動端網站並不難也不複雜，下面會介紹三種實現方式。

1、分開URL適配

2、自動化服務

桌面和移動端使用的是同一個URL地址，只是根據不同的訪問設備返回不同的HTML/CSS模版。拿本網站來說，PC端訪問和手機端訪問頁面截圖如下

要實現上面的效果很簡單，搜索Any Mobile Theme Switcher插件，安裝之後從左側菜單設置進入可以見到以下設置項：

插件裡面的主題選項都必須是已經安裝的WordPress主題，但是很多時候並沒有專門針對移動端製作的主題，這邊提供一個查找合適的移動端主題方法，列出你喜歡的一些博客網站，從移動端輸入網址訪問看看主題的顯示效果，一般訪問量較高的個人或公司網站已經對移動端做了完美的適配，直接拿過來用不就得了？怎麼知道博客使用的主題是什麼？可以使用WhatTheme工具去查找。

輸入網站域名搜索就得到了搜索結果，主題相關的所有信息一目了然。

動態服務的方案當然會優於第一種方案，但是它也有問題。你需要為市場上新出現的設備適配不同的版本，當你的網站無法識別一個新設備，在上面的展示效果可能就不理想。有沒有更好的辦法？看第三種。

3、響應式設計

使用響應式網站設計，可以根據設備的情況自適應調整顯示的內容和圖片，響應式網站不需要分開URL的適配或者使用不同的HTML樣式文件。

在SEO方面，響應式網站設計更具優越性，單一的URL，方便分享和獲取鏈接，不用重定向，重定向容易導致SEO方面的問題並且拖慢網站的載入速度。想了解更多響應式網站的好處，可以訪問谷歌官網建議。

三、網站怎麼做移動端的優化？

1、使用谷歌移動可用性測試

這個工具在Google Search Console裡面，當然首先要先登錄你的GSC賬號，選擇移動設備易用性就可以查看你的網站存在哪些問題。

或者你也可以使用移動設備適合性測試，點擊「了解詳情」，進入移動可用性測試頁面。

點擊右側移動設備適合性測試工具，直接輸入你的網站URL就可以測試了。

如果檢測出問題先對網站進行優化之後再運行測試，通過測試之後，記得SUBMIT TO GOOGLE進行收錄。

點擊左上角提示你的Page loading issues 右側 VIEW DETAILS 查看存在的載入問題

桌面端爬蟲在爬取這些資源的時候是完全OK的，但是移動端爬蟲在爬取的時候可能存在問題，針對谷歌推出的移動索引優先的策略，你應該認真的對待這些問題。

2、讓谷歌爬取所有內容

檢查你的Robot.txt文件，查看是否屏蔽爬蟲爬取JavaScript、CSS或者其他重要內容，除非谷歌完整爬取了你的頁面，否則谷歌無法知道你的網站是否是移動適應的。你可以在Google Search Console裡面查看robot.txt測試工具，查看谷歌抓取到的Robot.txt文件是否跟網站設置的一致。在Google索引->禁止抓取的資源裡面查看有哪些資源抓取有問題，只要沒屏蔽網站的重要內容就行。

3、廣告彈窗

作為用戶來說都是非常討厭廣告彈窗的，谷歌也是這樣，特別是對於移動端的用戶來說，谷歌的一個準則就是給用戶提供優質的內容，為此谷歌推出了一個更新來識別帶有侵入性的彈窗，目的在於簡化移動端搜索流程，幫助用戶找到他們想要的內容，哪些彈窗是符合規範的？參考幫助移動用戶更容易地獲取內容。

4、怎麼查看響應式網站在不同設備上的顯示效果？

可以使用這個免費的測試工具：http://mattkersley.com/responsive/

5、使用網站版谷歌抓取工具

這個工具同樣在Google Search Console之中，輸入文章的URL，選擇移動端選項，看看谷歌抓取到的網站內容是什麼樣的，是否抓取的內容有遺漏。

6、讓移動用戶看到所有內容

在之前，很多人在手機上會屏蔽一些資源的載入，比如文章內容只載入摘要，需要點擊更多按鈕之後才載入完整內容，或者屏蔽JavaScript的載入。目的是為了更快的載入速度，提升移動端的用戶體驗。但現在隨著谷歌推出移動索引優先策略之後，可能會是個很大的問題，在這個機制下，谷歌認為移動端頁面版本是主要版本，如果你在首次載入的時候隱藏內容，谷歌可能不會對內容進行索引或抓取，更有可能會進行降權處理。最近從John Mueller的表態來看，谷歌在移動端內容的處理上並沒有很明確，但建議在移動端的顯示上把用戶所需要的內容一次性展示出來。

四、怎樣提高移動端網頁的用戶體驗

谷歌智能排名演算法專門用來識別用戶與你的網站的交互，如果演算法識別出用戶對網站的使用體驗非常糟糕的話，會對網站進行降權處理。

1、提高網站的載入速度

谷歌的建議是網站的載入在一秒之內。

這邊提供一個工具來測試網站的載入速度PageSpeed Insights。這個工具會先分析網頁的內容，之後給出如何提高網頁載入速度的建議。

也可以使用WebPageTest.org工具查看每塊資源的載入耗時數據。

如果你對當前頁面的載入速度非常不滿，可以查看大谷歌的官方文檔，針對網站每塊結構逐項進行優化。

2、讓內容在手機上的呈現適合閱讀

如果網站在手機上的顯示是桌面端的一個縮小版網頁，或者用戶必須多次點擊、滾動，眯著眼睛才可以看清楚內容，明明就是讓用戶分分鐘判死刑的節奏。

內容在手機端上的顯示必須清晰明了，讓用戶的操作儘可能少。關於顯示的設置有以下幾點建議：

使用至少14PX的字體；

使用簡短的段落，一到兩行就作為一段內容；

每行使用50到60個字元；

文字和背景的顏色區分要明顯，用戶在室外查看內容的時候，顏色差別不明顯影響閱讀體驗。

最最重要的，內容一定要好！

3、使用HTML5載入動畫或視頻

如果你的動畫或視頻是使用Flash編碼的話，在移動客戶端上是無效的，替換成HTML5來實現吧。

4、不要遺漏了"Viewport Content"標籤

如果使用的是響應式設計，不要忘了viewport meta標籤。這個標籤的作用是根據用戶設備來調整顯示的頁面尺寸。谷歌建議你像下面這樣設置標籤：

5、使用下面三個快速提高移動用戶體驗的增長黑客方法

1）讓頭部圖片盡量地小，或者不使用頭部圖片，讓內容直觀地呈現在用戶面前；

2）多使用留白，一個複雜的頁面在桌面端瀏覽的時候沒有多大問題，但是在移動端顯示的時候幾乎是不可用的，如果用戶發現很難找到他們想要的內容，他們會立即跳出當前頁面，不要把桌面端複雜的排版用在移動端的呈現上，在移動端的顯示排版盡量地清晰明了。

3）在移動端把社交分享按鈕做成底部Tab。社交分享按鈕作用是讓更多的人讀到你的內容，在桌面端一般把社交分享按鈕放在頁面左側居中停留，如果用戶覺得你的內容有價值，可以一鍵分享文章到社交平台，容易讓你的文章觸達更多的用戶。可以使用SUMO工具，讓社交分享按鈕在頁面底部用Tab的形式顯示。如果是WordPress網站，直接在插件裡面搜索sumo安裝。

五、高級移動SEO建議和實踐

1、專註移動點擊率，獲取更多的流量

自然點擊率占谷歌排名很大的比重，如果用戶不點擊你的內容，谷歌會進行排名下降的處理。

使用Google Search Console的搜索分析，查看桌面端和移動端的點擊率對比，如果你發現在某個關鍵詞上桌面端的點擊率遠高於移動端的，可以在移動端搜索那個關鍵詞看看得到的搜索結果，可能是標題的標籤被裁剪了，你可以根據搜索結果數據進行修改調整網站內容來提高移動端的點擊率。

2、查看移動端體驗缺陷

谷歌的移動索引優先策略會把更多的權重放在移動端的用戶體驗上，這邊建議你在Google Analytics裡面對比桌面端和移動端的跳出率和停留時間，入口在BEHAVIOR->Site Content->Landing Pages，在數據表格上方的Secondary Dimension中選擇User->Mobile Device Info，之後列表會詳細地列出各項詳細數據，如果桌面端和移動端的跳出率和頁面停留時間差不多的話，說明該頁面對移動端用戶優化的不錯。如果數據差別很大，從移動端訪問那個頁面看看到底存在什麼問題。

3、提高移動端頁面載入速度的三條建議

頁面載入速度當然是谷歌排名的一項重要參考因素，可以用ThinkWithGoogle工具查看頁面在移動端的載入速度，這個工具會模擬移動設備在3G網路下的載入環境，最終會給出一個測試報告，詳細列出頁面的載入耗時，有哪些需要優化的點。

1）對於WordPress網站，如果是圖片的載入時間過長，可以安裝Smush Image Compression插件來壓縮優化圖片大小，或者在上傳圖片文件之前，先用TinyPng工具壓縮下圖片，可以很大程度減小圖片大小。

2）使用瀏覽器緩存，谷歌官方文檔建議網站最好使用緩存來提高網站的載入速率。

3）使用CDN加速，CDN加速一般可以讓你的頁面載入速率提高2到3倍。

4、針對移動搜索引擎結果頁面優化標題和描述標籤

TDK對SEO的作用就不必多說了，谷歌目前的TD策略如下：

DesktopTitle: 最多70個字元Description: 最多300個字MobileTitle: 最多78個字元Description: 最多300個字元

也就是說針對移動端的標題可以使用更多的文字，如果桌面端對網站貢獻的流量並不多，可以嘗試使用更長的標題來提高移動端的點擊率。

5、是否需要接入AMP

Accelerated Mobile Pages是專門用來提高載入速度而設計的網頁拆分版本，AMP的頁面載入速度比沒有使用AMP的頁面快4倍左右。並且AMP是谷歌推出的項目，所以很多的SEO從業人員接入了AMP，基於的假設是谷歌會給接入AMP的站點更高的權重。除了更好的排名之外，谷歌還會在你的搜索結果下面顯示一些圖標來提高點擊率。

是否真的有必要使用AMP？

首先，AMP對於你頁面的功能有很多的限制，對於頁面的廣告也沒有完全的控制權，彈窗或燈箱效果也是不可能的。AMP對CSS有很明確的限制，雖然會讓你的網站載入更快，但是顯示的效果卻很一般。

其次，AMP會損害你在鏈接上的建設。當用戶訪問你的AMP頁面，鏈接的是Google.com的域名，至少從目前來看，鏈接向AMP的頁面提高的是Google域名的權重，而不是你的。

最後，AMP或許並不長久。4G網路已經夠快了，5G時代也快要到來。所以接入AMP來獲取非常微小的增長是划不來的。

6、使用結構化數據讓你的頁面在移動端搜索結果中脫穎而出

在移動端的搜索結果是用卡片的形式顯示的，使用結構化數據來顯示搜索結果是提高點擊率的好方法，結構化數據可以顯示評測的星數，文章圖片，事件的日期，呈現效果非常好，無論在桌面端還是移動端結構化數據的應用都是很有效的。關於結構化數據參考結構化數據介紹。

英文原文參考：https://backlinko.com/mobile-seo-guide

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