如何针对移动设备优化 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 价值，我们都可以提供帮助。 浏览我们的工作或立即联系我们进行免费咨询。