让您的网站更适合移动设备的 7 种方法

[tongfkymm44]

过去一个月，我使用移动设备购物的次数比平时更多。我大部分购物都是在亚马逊和沃尔玛进行的，但我也有机会为朋友和家人浏览一些较小的网站。这让我对其他企业的网站类型有了新的认识——而且反馈并不都是正面的。

举个例子，我通过一家小企业购买蜡烛加热器。Facebook 上的一则广告引起了我的兴趣，而且价格也不错。我点击了广告，然后被引导到网站上的销售页面——到目前为止，一切都很好。

不幸的是，事情很快就变糟了。每次我滚动得太远，我就会回到 Facebook。加密货币数据 右上角没有购物车按钮，图片和描述都很差，我无法以客人身份结账。最后，我因为糟糕的移动体验而放弃了好产品和好价格。

如何针对移动设备优化您的网站
适合移动设备的网站比以往任何时候都重要。以下是七种方法，可改善网站的移动友好性并留住客户。

1. 使用响应式设计。不要单独构建适合移动设备的网站。选择适合所有屏幕尺寸的响应式设计。这样，无论用户使用哪种设备，您都可以为他们提供令人愉悦、专业的体验。

2. 选择大字体和按钮尺寸。您的网站需要阅读和使用起来舒适，因此请明智地选择字体和按钮尺寸。字体大小至少应为 14px。对于按钮，越大越好。用户应该能够点击一次来完成操作。

3. 添加高分辨率图片。通过响应式设计，您的图片将适应屏幕。但是，您仍应选择清晰的高分辨率图片。模糊或像素化的照片可能会影响移动体验。

4. 包含 YouTube 视频。如果您想在网站上包含视频，请通过 YouTube 进行。嵌入代码已经具有响应能力，因此用户可以更轻松地加载和观看视频。此外，它还节省了您优化视频的时间。

5. 提供访问完整网站的选项。在移动设计底部，添加“访问完整网站”或“查看桌面版本”。这为用户提供了访问您的网站并获得完整体验的选项，如果他们处于漏斗的早期阶段，他们可能会更喜欢这种方式。

6. 包含视口元标记。视口是网络浏览器用来决定内容应如何缩放和调整大小的虚拟空间。在构建多设备体验时使用此代码，因为您希望浏览器缩放页面以适应移动设计。

7. 继续测试你的设计。网站需要持续关注。在多种设备上测试你的设计，并站在用户的角度。尝试按钮，阅读文案并查看图片。有什么可以更改的吗？

2019 年即将到来，您一定不想因为糟糕的移动用户体验而失去客户。请遵循上述七个提示，让您的网站在移动设备上更加友好、更简洁。