如何針對移動設備優化 Shopify 商店

移動設備尚未超越桌面設備成為在線購物的主要平台。 但它越來越近了。

移動設備已經佔所有電子商務流量的一半，預計到 2023 年將推動所有電子商務銷售額的 43.4%。多達四分之三的訪問者會三思而後行，如果他們能找到未針對移動設備進行優化的網站再次。 默認情況下，Google 現在首先將網站的移動版本編入索引，以便包含在搜索結果中。

這意味著如果您的 Shopify 商店沒有針對移動設備進行優化，它的排名就不會達到預期的水平。

優化不僅僅是讓您的網站響應迅速。 它為您的潛在客戶提供了一個直觀的界面和出色的體驗，彌補了他們在購物時缺乏更寬屏幕的不足。 您必須仔細考慮您的選擇，以提供無縫的客戶旅程並複制桌面的便利性。

以下是在設計移動網站時如何涵蓋您的基礎。

針對移動設備優化 Shopify 商店的技巧

注意頁面加載時間

無論您做什麼，都不要忽視 Shopify 商店的速度優化。 在移動設備上，人們在等待加載時無法選擇切換到不同的選項卡。 並不是說他們無論如何都可能這樣做。

如果您的頁面加載速度超過一秒，用戶從您的網站跳出的可能性會增加 32%。 更重要的是，它還會影響您的 Shopify 網站的 SEO。 頁面加載時間計入谷歌的搜索排名算法。 有多種方法可以優化頁面加載時間，包括選擇優質託管、壓縮圖像、利用內容交付網絡 (CDN) 等。

簡化導航

選擇的可用性和有意識的購物模式確保客戶在決定購買之前絕不會錯過瀏覽其他地方的機會。 這在具有額外屏幕空間以容納導航選項和同時打開多個選項卡的可能性的桌面上相當容易。

它在手機上不太方便，因為需要更多的滾動和滑動來訪問正確的內容甚至導航欄。 像可折疊的粘性導航欄之類的東西可以完成同樣的工作。

一個很好的方法是在每一頁上都有一個漢堡菜單。 麵包屑、智能搜索功能和適合移動設備的產品過濾器也有助於用戶在移動設備上瀏覽 Shopify 商店。 例如，Color Cord 實現了這些功能以提供滾動友好的用戶體驗。

產品攝影

人們傾向於用眼睛購物。 事實上，75% 的在線買家依賴產品照片做出購買決定——在移動設備上比在其他任何地方更是如此。

如果您為保健品、農產品或調味品等產品經營移動 Shopify 商店，請確保您啟用了方便的高分辨率縮放功能，以便客戶可以瀏覽產品標籤和成分。 僅僅因為您的客戶使用移動設備並不意味著他們對質量的意識有所降低。

既然您已經針對人類訪問者進行了優化，請不要忘記搜索引擎機器人。 通過減小文件大小、合併替代文本和使用關鍵字豐富的文件名來優化 SEO 圖像。 例如，文件名double-waist-wide-leg-jeans對於 SEO 比productphoto1更有價值。

為較小的屏幕調整視頻

視頻是電子商務購物體驗的重要組成部分。 在瀏覽大量文本之前，點擊可用的產品視頻是購物者的第二天性。

演示和產品展示視頻可幫助您的客戶更好地了解產品是否適合他們。 現場視頻也可以增加 SEO 價值。 雖然 Google 搜索結果頁面中的視頻輪播將包含 YouTube 視頻，但視頻豐富網頁摘要會將流量引導至您的網站。 改善您在 Shopify 網站上的停留時間還有一個間接好處——客戶將在頁面上停留更長時間以觀看視頻，這可以提高您頁面的排名。

如果您的 Shopify 商店中集成了視頻，請確保它們針對移動設備進行了優化。 不方便訪問或經常出故障的視頻播放器只會增加購物者的挫敗感並導致購物車被遺棄。

重新思考你如何定位你的文本

傳統上，店主認為在網上購物時，細節越多越好。 複製也有助於 SEO，因此，在 Shopify 上，您使用關鍵字優化文本的機會越多，您建立有機排名的可能性就越大。

但是，當涉及到移動設備時，您應該盡量抵制阻塞屏幕空間的誘惑。 正如我們已經確定的那樣，很多購物和瀏覽都是視覺體驗。 您擁有的文字越多，您的潛在客戶就越需要滾動才能看到產品照片。

這就是複制收益遞減的地方。 添加產品說明很重要，但不應以犧牲用戶體驗為代價。 產品頁面的一個很好的目標是在描述中包含大約 200-300 個單詞，記住您可以用要點來分解文本以獲得更多視覺吸引力。

在您的 Shopify 商店中包括移動用戶的絕對必需品，例如產品名稱、價格、規格和號召性用語。 例如，如果您需要在類別頁面上添加更多文本，請考慮可折疊的描述和菜單。

此外，考慮增加 12 磅桌面標準的字體大小。 14 到 16 像素之間的像素是理想的，這樣客戶在滾動時就不必放大和縮小。 為您的文本選擇傳統字體。 非常規的可能無法在某些設備上正確顯示。

讓您的 CTA 可見

正確的 CTA 策略可以成為 Shopify 商店頁面轉化的強大催化劑。 在移動設備上，嘗試使用在用戶滾動時跟隨用戶的粘性 CTA 按鈕可能是個好主意。 這有助於簡化用戶旅程並降低用戶因缺少提示而離開商店的風險。

如果您對它進行了 A/B 測試並發現固定的效果更好，請確保它脫穎而出。 感覺不那麼混亂並且被更多空白包圍的 CTA 可以顯著提高轉化率。

使您的 CTA 足夠大，以便於點擊。 對 Shopify 商店中的所有按鈕執行此操作，以便移動用戶無需擺弄設備即可訪問功能。

考慮一下您希望 CTA 表達的內容。 根據您的產品是什麼，您可以放棄經典的“添加到購物車”或“立即購買”，轉而選擇更具創意的東西，例如“了解外觀”、“善待自己”，甚至是定制的東西，例如“快點！ 立即獲取！ 對於庫存有限的產品。

拋棄彈出窗口

彈出窗口通常感覺像是對頁面的有害添加，即使在桌面上也是如此，並且通常不利於移動網站上的業務。 覆蓋屏幕的隨機彈出橫幅突然遮蓋屏幕內容時可能會很煩人。 如果用戶不能快速關閉它，可能是因為用戶體驗故障，很容易造成銷售失敗。 太多這樣的例子會產生高跳出率，這可能會損害頁面的有機排名。

移動用戶不太可能在瀏覽您的 Shopify 商店時註冊新聞通訊。 當他們註冊帳戶時，通過電子郵件為他們提供機會。 如果您想突出顯示折扣，請在您的 CTA 下添加一個快速註釋，而不是彈出橫幅。 這將有助於保持用戶旅程的持續進行，並將客戶引導至您希望他們去的地方——結賬車。

優化移動結帳

您會對桌上剩下多少錢感到驚訝，因為 Shopify 店主不會為移動用戶簡化結賬流程。 在線購物者的平均購物車放棄率接近 70%。 當您已完成所有艱苦的工作將潛在客戶帶到您的站點時，這真是浪費。

有多種方法可以讓您的購物者更輕鬆地結賬。 最重要的是最大限度地減少他們必須在表單中輸入的信息量。 要求更多的數據需要更長的時間，帶來更多的隱私問題，並增加用戶跳出的機會。 考慮一些選項，比如讓新用戶使用他們的 Google 或 iOS 帳戶註冊，並自動從用戶啟用此功能的瀏覽器中提取表單數據。

為您的客戶提供更多區域特定的支付選項，並在界面中突出顯示。 您可能還想在整個結帳過程中添加一些信任圖標，以表明您的 Shopify 網站是安全的。 安全仍然是移動用戶最關心的問題，多達 31% 的人表示這就是他們不在手持設備上購買的原因。

與Shopify專家合作打造出色的移動商店

我們正在快速接近將網站設計為移動優先並針對桌面進行優化的地步。 在了解網頁設計的專家的幫助下，讓您的電子商務網站面向未來。 在 Coalition，我們已經建立了大約 800 個網站，並為我們的客戶贏得了超過 50 億美元的收入。

無論您是想從頭開始建立移動優先的 Shopify 商店，還是優化現有商店並從中獲得更多 SEO 價值，我們都可以提供幫助。 瀏覽我們的工作或立即聯繫我們進行免費諮詢。