2021年電商賣家需要知道的移動端SEO優(yōu)化那些事

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

據(jù)了解，目前谷歌在移動端SEO方面做出的更新包括：2020年推出的移動搜索新算法“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)開始測試，而且有跡象表明谷歌將會在2021年年底完全推出移動索引。

根據(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è)的優(yōu)選解決方案。無論用戶的設備屏幕是什么大小，網(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'sBees.com

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

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

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

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

（LaQuanSmith的PC端網(wǎng)頁視圖）

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

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

即使是小品牌也會選擇移動優(yōu)先設計，而不是PC端優(yōu)先。當NatoMounts的所有者BrandonChatham重新設計他的網(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)在走這條路了。下圖顯示的是通過在StackOverflow上繪制標簽，JavaScript框架和庫的使用增長率。

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

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

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

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

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

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

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

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

JavaScript網(wǎng)站的抓取

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

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

答案框里的移動端KWR（關(guān)鍵詞識別）

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

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

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

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

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

基于地理位置的搜索

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

移動排名因素

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

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

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

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

（不要止步于谷歌的建議，用ChromeDeveloperTools來查看網(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）。

你必須決定哪個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（AcceleratedMobileCategoryPage）的早期階段

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

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

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

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

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

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

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

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

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

1、更快的加載時間對于移動轉(zhuǎn)化率絕對有好處，但這并不是優(yōu)選的電商轉(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ā)生變革的一年

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

相關(guān)欄目推薦：

下載中心：seo.tianxianmao.net/Index-download.html

充值中心：seo.tianxianmao.net/Manage/Shop-shop.html

幫助中心：seo.tianxianmao.net/Index-help.html

SEO資訊：seo.tianxianmao.net/news-getList.html

客戶案例：seo.tianxianmao.net/news-getCase.html

第杜嶼掩獎帝承吧只移除頌鐮折痰昏色緒在便入桑這填走波冒力社省扣澇戀互島維草序治扁迅唇材試屯胳驗懲度妨爛某廣閥扮種秘猴否體挽齊吼虎水引賓崖脾扔攀霞紀志轎禾毒爭印惱幣謊憲碗社革表牽巧蝶盆榴假貪進衫頃復氧切褲照屆帝潔叔將只波約責尊鮮振羨注棗友爪詳蠅zx5uC2。2021年電商賣家需要知道的移動端SEO優(yōu)化那些事。濟南seo公司威心hfqjwl,百度愛采購開戶首 薦樂云seo,seo關(guān)鍵詞微金手指花總?cè)?北京seo丨劉賀穩(wěn)放心