2017年，電商賣家需要知道的移動端SEO那些事！

2017-03-01 點擊量：

　　
移動端SEO與PC端SEO有著密切聯(lián)系，前者仍以后者為標準。而現(xiàn)在谷歌將對移動SEO進行重大更新，帶我們進入一個移動優(yōu)先的領域。

　　據(jù)了解，目前谷歌在移動端SEO方面做出的更新包括：2015年推出的移動搜索新算法“Mobilegeddon”，有利于“移動友好”網(wǎng)站的搜索結(jié)果呈現(xiàn);谷歌已經(jīng)在測試首個移動優(yōu)先的索引算法，它不僅對“移動友好”網(wǎng)站的搜索排名十分有利，而且還會根據(jù)移動端版本中的內(nèi)容對PC端網(wǎng)頁進行排名。

　　谷歌已經(jīng)開始使用移動優(yōu)先索引了嗎?

　　雖然谷歌還未開始使用移動優(yōu)先索引，但卻已經(jīng)開始測試，而且有跡象表明谷歌將會在2017年年底完全推出移動索引。

　　根據(jù)Inflow博客上的一項實驗顯示，目前谷歌仍在使用PC端版本的網(wǎng)頁內(nèi)容來返回移動搜索結(jié)果，即使該內(nèi)容不存在于移動版本中：

　　下圖是iPhone手機上的谷歌瀏覽器搜索頁面，我們可以看到，搜索結(jié)果仍然是動態(tài)網(wǎng)頁PC端版本的內(nèi)容，谷歌仍在緩存PC端網(wǎng)頁。

　　這意味著，到目前為止，谷歌仍在移動端搜索中使用PC端的優(yōu)先索引算法。

　　但隨著谷歌的移動優(yōu)先索引測試結(jié)束之后，谷歌將會把移動索引與PC端索引分開，最終將只剩下移動優(yōu)先索引算法。

　　屆時基于PC端網(wǎng)頁內(nèi)容和PC端網(wǎng)頁排名因素來對移動網(wǎng)站進行排名，就沒意義了。

　　要如何應對這一變化?又該如何優(yōu)化你的網(wǎng)站呢?另外，以下要討論到的其他變化又將如何影響移動端SEO?

　　據(jù)了解，在過去幾年里，已經(jīng)出現(xiàn)了多個類型的“移動網(wǎng)站”，發(fā)展趨勢為：在任何設備上提供無縫的用戶體驗。以下按照時間順序把它們的發(fā)展分成了五代，并介紹了它們的優(yōu)缺點。在未來，移動網(wǎng)頁將繼續(xù)演化和發(fā)展。

　　一、從第一代到第五代的移動網(wǎng)頁發(fā)展史

　　第一代：子目錄和子域名，帶有或不帶有強制重定向

　　回到大多數(shù)企業(yè)還沒有把移動端當回事的時候，很多人會選擇子域名這條路，經(jīng)常會使用工具自動生成基于PC端版本的移動版網(wǎng)站，這無疑是一種PC端優(yōu)先策略。

　　第二代：基于流體/可堆疊網(wǎng)格模式的響應式設計

　　響應式設計填補了數(shù)年時間里PC端和移動端體驗之間的空缺，而且仍然是大多數(shù)企業(yè)的首選解決方案。無論用戶的設備屏幕是什么大小，網(wǎng)頁內(nèi)容將重新經(jīng)過整理和調(diào)整大小，為用戶提供一個合適的視覺體驗。然而，這仍然是一個PC端優(yōu)先的策略。

　　第三代：自適應的響應式網(wǎng)頁設計

　　此設置通常是為了針對移動用戶“調(diào)整”內(nèi)容、功能或設計。大多數(shù)情況下，人們會使用響應式設計作為基礎，然后使用客戶端JavaScript為移動用戶自定義功能。

　　如果是這種情況，你應該可以通過查看源代碼來查看缺失/新添加的內(nèi)容。雖然這也不是移動優(yōu)先策略，但它絕對讓移動訪問者離他們所需要的自定義體驗又更近了一步。

　　·移動優(yōu)先網(wǎng)頁的崛起

　　擁有前瞻性思維的開發(fā)人員和設計師，不再先設計PC端網(wǎng)頁，然后再適應于移動版本。相反，他們先構(gòu)建移動版本，再把其適應于PC端版本。大多數(shù)時候(到目前為止)，這是通過一個具有自適應元素的響應式布局來實現(xiàn)的。

　　·幾分鐘了解移動優(yōu)先設計

　　你可以使用現(xiàn)成的移動優(yōu)先主題的網(wǎng)頁模板。

　　舉一個代表性的例子：Burt's Bees.com

　　該網(wǎng)站的PC端網(wǎng)頁使用了一個“漢堡”樣式(網(wǎng)頁設計中帶有默認隱藏的側(cè)欄菜單風格導航的網(wǎng)站設計)的導航菜單和單列布局。PC端訪問者會看到移動端網(wǎng)頁顯示為一個放大的版本，并附帶有相同的標題欄。

　　而移動端用戶看到的頁面情況并不相同，這意味著該移動優(yōu)先設計存在自適應元素，這可能會有助于Burt's Bees在谷歌推出新移動優(yōu)先算法時保持領先地位。

　　(Burtsbees.com的PC端網(wǎng)頁視圖)

　　紐約時尚設計師LaQuan Smith也使用了一個移動優(yōu)先的網(wǎng)頁模板，PC端上顯示也是我們之前說到的“漢堡”菜單。

　　(LaQuan Smith的PC端網(wǎng)頁視圖)

　　而Sephora則采用了目前的最佳做法，為訪問者提供了一種比傳統(tǒng)“漢堡”菜單更容易導航的方式。

　　移動端用戶不僅可以向左或向右滑動以看到更多的頂級分類，而且漢堡菜單本身也向用戶展示了一個精致的超級菜單，用戶可以在移動設備上瀏覽深度類別，就像在PC端上一樣簡單。

　　即使是小品牌也會選擇移動優(yōu)先設計，而不是PC端優(yōu)先。當NatoMounts的所有者Brandon Chatham重新設計他的網(wǎng)站時，他拒絕接受PC端優(yōu)先的設計版本。相反，他與設計師合作，先是創(chuàng)建了一個移動版本的網(wǎng)站，然后再創(chuàng)建出一個PC端的響應式版本。

　　Chatham說：“如今PC端的網(wǎng)頁設計變成了第二重要的事，我們需要認清PC端網(wǎng)頁的重要性已經(jīng)大打折扣這個事實。如果你看看你所有的商店流量，我可以保證，現(xiàn)在你的移動端流量已經(jīng)超過了PC端。如果真的是這樣的話，你網(wǎng)站上51%或60%或70%的訪客現(xiàn)在是來自于移動設備，那么你應該要把你的注意力圍繞在移動端上了。”

　
(NatoMounts的移動端首頁)

　　第四代：全動態(tài)網(wǎng)頁設計

　　到了第四代，PC端(有時是平板電腦)用戶會獲得與移動用戶不同的動態(tài)內(nèi)容。這通常是通過服務器端邏輯來實現(xiàn)的，這意味著PC端的內(nèi)容不會顯示在移動設備的源代碼視圖中，反之亦然。

　　全動態(tài)網(wǎng)站設計的主要優(yōu)點是可以完全控制跨設備的用戶體驗，而無需更改網(wǎng)址。 這對于跨設備獲得最優(yōu)轉(zhuǎn)化率非常重要。

　　而全動態(tài)設計最大的缺點就是得增加維護。你可以處理兩個完全不同的網(wǎng)站，但每個頁面只有一個網(wǎng)址。

　　這使得網(wǎng)頁的設計、內(nèi)容生產(chǎn)、實施和維護難上加難。同時，它還對SEO造成了獨特挑戰(zhàn)，包括在HTTP的標頭中使用的Vary：User-Agent響應以及可能產(chǎn)生的緩存困難。

　　第五代：單頁應用(SPA)網(wǎng)站

　　這就是我們現(xiàn)在的前進方向。事實上，許多零售商已經(jīng)在走這條路了。下圖顯示的是通過在Stack Overflow上繪制標簽，JavaScript框架和庫的使用增長率。

　　(Angular.js技術(shù)的使用從2013年以來大幅飆升)

　　可以看出，Angular.js(一個 JavaScript 框架)使用率猛增，遠超過其他JavaScript技術(shù)的使用率：

　　(除去Angular.js，其他Javascript技術(shù)的使用增長)

　　我們不妨期待下React.js在2017年的表現(xiàn)，根據(jù)開發(fā)人員從Angular.js轉(zhuǎn)移到React.js的數(shù)量來判斷，React.js成為領跑者的可能性很大。這是因為React.js在同構(gòu)JavaScript渲染方面取得了最新的進展，解決了服務器端和客戶端渲染的很多SEO問題。

　　現(xiàn)在你還需要一個“app”嗎?像蘋果的iTunes和Google的G Suite等供應商app市場可能會變得過時，因為app將可以在不下載的情況下運行，這不同于普通app市場的應用程序。

　　二、這將如何改變電商SEO?

　　2016年，許多人都在努力尋找正確的工具和流程，為出現(xiàn)在電商網(wǎng)站的新一波JavaScript框架功能做準備。這一點在定制平臺上處理分類網(wǎng)頁時尤為如此。

　　幸運的是，情況在2017年會有所好轉(zhuǎn)。

　　JavaScript網(wǎng)站的抓取

　　直到鏈接檢測工具Screaming Frog發(fā)布6.0版本之前，市場上真的沒有一個價格實惠的工具能夠承擔渲染客戶端JavaScript的工作。

　　(Screaming Frog官網(wǎng))

　　幸運的是，現(xiàn)在我們可以作為移動用戶來抓取(即使是Google Mobile的用戶)網(wǎng)頁，并在近期版本添加“無界面瀏覽器(headless browser)”之前渲染那些無法由抓取工具加載的內(nèi)容。

　　答案框里的移動端KWR(關鍵詞識別)

　　用戶在移動設備上的搜索方式不同于PC端。谷歌還會通過在用戶輸入關鍵詞時提供建議，提供“用戶也詢問”和“用戶也搜索”的建議，來改變中尾關鍵字詞組的搜索量。

　　解決這種差異的一些工具包括Answer the Public(下面的屏幕截圖)和KeywordTool.io，這些工具為問題形式的搜索提供了關鍵字選項標簽。

　　需要注意到一點，內(nèi)容格式將影響它出現(xiàn)在哪種答案框(answer box)中。

　　例如，一個關于“如何(how to)”的搜索，你的內(nèi)容格式最好是按序號編排，逐步說明步驟。

　　其他類型的問題搜索，你的內(nèi)容最好是按照項目符號列表、表格等形式進行排版。

　　基于地理位置的搜索

　　移動搜索本質(zhì)上更依賴于地理位置。例如，如果消費者在丹佛(科羅拉多州)，想要搜尋“男士發(fā)型”，他是需要搜索男士發(fā)型的“主意(ideas)”還是男士理發(fā)店的地理位置(locations)?他是需要一個理發(fā)師還是相關的博客?他是需要圖片還是地圖?

　　移動排名因素

　　那么，如何在手機上得到好的搜索排名呢?除了常見的SEO注意事項，如關鍵字使用和鏈接等，還請密切注意以下幾點：

　　·網(wǎng)頁速度對于移動端排名十分重要

　　緩存、壓縮、圖像優(yōu)化、利用內(nèi)容發(fā)布網(wǎng)絡、預取資源、限制外部JavaScript的使用…… web開發(fā)人員可以通過這些手段來加速移動網(wǎng)站的加載。

　　你可以使用谷歌的網(wǎng)速測試工具來具體了解如何提高網(wǎng)頁加載速度。除此之外，你還可以使用Chrome開發(fā)者工具(Chrome Developer Tools)中的網(wǎng)絡標簽(右鍵單擊并選擇“檢查元素inspect element”)以查看網(wǎng)頁加載時的資源瀑布圖。

　　(不要止步于谷歌的建議，用Chrome Developer Tools來查看網(wǎng)頁加載背后究竟發(fā)生著什么。)

　　·彈出式窗口和插頁式廣告在移動設備上的大小和使用應受到限制

　　根據(jù)谷歌的參考指南，打斷用戶體驗的彈窗和廣告內(nèi)容不允許出現(xiàn)在屏幕上，除非是年齡驗證或Cookie使用授權(quán)。

　　(包含過多內(nèi)容且可能導致較低移動排名的彈出式窗口示例，這些最終也會影響PC端的排名)

　　(谷歌認為這是一個可接受的彈出式窗口，涵蓋約20%的屏幕)

　　·用戶體驗對移動排名非常重要

　　改進用戶體驗可以提高轉(zhuǎn)化率。讓移動用戶感到滿意，就是讓谷歌滿意，所以從一開始就要知道自己的目標。

　　·當然，可爬行性也是一個重大的問題

　　這包括了渲染網(wǎng)頁以訪問內(nèi)容和追蹤鏈接。

　　交互式的產(chǎn)品頁面越來越多地被零售商使用。這些動態(tài)著陸頁包括了產(chǎn)品視頻和不斷變化著的客戶評論，以及其他用戶生成的內(nèi)容(UGC)。

　　圖片來源/123rf.com.cn

　　你必須決定哪個UGC允許谷歌訪問、抓取或編入索引。假設評論包含了“我喜歡它，這是筆劃算的交易”等言論，你需要謹慎處理，否則將引起嚴重后果。

　　在抓取單頁應用(SPA)網(wǎng)頁時，產(chǎn)品頁面可能很難被網(wǎng)頁爬蟲找到。

　　例如，當分類網(wǎng)頁使用JavaScript技術(shù)(如Backbone.JS和Angular.JS)構(gòu)建時，由于較新一代的React.JS使用“同構(gòu)”JavaScript，可以在服務器端或客戶端執(zhí)行，因此減少了依賴預渲染服務(如Prerender.io和Brombone)的需要。

　　三、谷歌AMP(Accelerated Mobile Category Page)的早期階段

　　最后但同樣重要的，谷歌AMP。

　　雖然AMP對于電商來說很有意思也很有潛力，但隨著AMP繼續(xù)發(fā)展，該技術(shù)目前還存在一些未知數(shù)。

　　AMP首先對大型新聞機構(gòu)起作用，然后是更廣泛的內(nèi)容網(wǎng)站。雖然目前有少數(shù)幾個電商賣家正在試用AMP版本的博客和資源網(wǎng)站，但是還沒有賣家在廣泛采用或測試AMP作為電商目錄頁，如用在類別和產(chǎn)品詳細頁面。

　　eBay自去年年初以來一直在開發(fā)AMP目錄頁面，但我們還沒有看到任何關于更新的消息或他們是否在繼續(xù)擴展該項目。

　　以下是AMP類別網(wǎng)頁的示例：

　　以下是AMP產(chǎn)品頁的示例：

　　這兩個例子顯示了AMP頁面在設計和轉(zhuǎn)換率優(yōu)化功能方面的局限性，但卻展示了AMP頁面提供的簡單性和高速。

　　在2017年，充分了解AMP的工作原理對移動端網(wǎng)頁優(yōu)化非常重要。

　　在決定是否在網(wǎng)站或者目錄頁面采用“AMP”時，你可以考慮以下幾個建議：

　　1、更快的加載時間對于移動轉(zhuǎn)化率絕對有好處，但這并不是唯一的電商轉(zhuǎn)換因素。你需要了解哪些因素可以幫助提高你的電商轉(zhuǎn)換率，看看AMP是否能幫助你實現(xiàn)這一點。

　　2、在技術(shù)方面，谷歌會在提供AMP頁面給訪問者時托管你的網(wǎng)頁內(nèi)容。

　　3、找到“AMP化”電商網(wǎng)站后增加你營收的具體案例，因為你的收入可能是最重要的電商KPI。

　　因此，如果你還沒有開始你的AMP計劃，強烈建議大家去測試AMP版本的非目錄內(nèi)容頁面，如博客文章、圖片網(wǎng)站和購買指南。這樣，你可以了解這些網(wǎng)頁類型的細微差別，并從中積累經(jīng)驗。

　　一切將發(fā)生變革的一年

　　2017年將是電商SEO人員、營銷團隊和企業(yè)主都在忙著解決移動網(wǎng)站問題的一年。然而，如果我們不享受學習和嘗試新事物的樂趣，我們很可能就會脫離行業(yè)發(fā)展趨勢。(編譯/康杰煒)