使用入门

针对移动设备构建网站时,我应了解的三件最重要的事情是什么?

1. 简化客户使用体验。

帮助网站访问者实现目标。他们可以通过阅读您的博文获得乐趣,查询您餐馆的地址或查看您商品的相关评价。Walgreens GVP 及其电子商务首席技术执行官 Abhi Dhar 解释道:“我们在移动设备上所做的一切努力都是为了让客户的生活更便利。”

设计网站时,请务必考虑如何协助客户更轻松地完成常见任务:从构思任务到访问网站,再到最后完成任务,各个环节都需要深思熟虑。

大致拟定客户在使用过程中可能需要执行的步骤,并确保他们可在移动设备上轻松完成这些步骤。努力简化体验并减少用户互动次数。在本示例中:(1) 客户搜索了要购买的灯具后,点击了某个网站;(2) 浏览以选择灯具;(3) 购买所需的灯具。

2. 根据移动设备客户完成常规任务的轻松程度衡量网站效率。

制作移动网站需要考虑不同事项的优先级。从您的客户在移动网站上最重要和最常见的任务入手。支持客户处理好这些任务是至关重要的,这也是衡量您的移动网站是否能够帮助客户达到他们目标的重要指标。您可以依照几种方式来设计网站,让用户能够更轻松地使用网站。此外,应注重界面的连贯性以及在各类平台上提供统一的体验。

MediaPost 的报道指出,“有 48% 的受访者认为,易用性是移动购物网站的第一要素,当用户通过移动设备购物时,移动购物网站的易用性是他们最优先考虑的因素。”

3. 为所有设备选择统一的移动模板、主题背景或设计(例如,使用自适应设计)。

自适应设计(简称 RWD)意味着,无论用户使用的是桌面设备、平板电脑还是手机,网页都将使用相同的网址和代码,只不过显示效果会根据屏幕尺寸进行调整(也就是“适应屏幕尺寸”)。 Google 建议您使用 RWD,而非其他设计样式。 采用 RWD 的优点之一是,您只需维护单一网站版本(而非两个版本)。也就是说,您无需同时维护桌面版网站 (www.example.com) 和移动版网站 (m.example.com),只需择一进行维护(例如 www.example.com),即可兼顾桌面版和移动版网站访问者的使用需求。

自适应网站会在使用相同网址和代码的前提下,根据各种屏幕尺寸调整显示效果。上述三种设备均使用 www.example.com(而不是针对移动网页使用 m.example.com,针对平板电脑网页使用 t.example.com 等其他网址)。

Baines & Ernst 使用 RWD 针对不同屏幕尺寸对网站体验进行了优化,无需创建多个网站。他们注意到,访问者在每次访问过程中访问的网站页面增加了 11%,而且移动版转化率也提高了 51%。”

如果客户执行了期望的操作(例如,购买商品、拨打商家电话或订阅简报),即表示发生了“转化”。

要详细了解如何实施自适应设计,请参阅 Web 基本法则中的开发者内容。如果您想权衡移动设备、平板电脑和桌面设备网站的不同实施方法的利弊,请参阅为跨屏消费者构建网站

初学者需要避免的三大错误是什么?

错误 1 - 忽略使用移动设备的客户

请注意,好的移动网站非常实用,它们可以协助访问者完成任务(不管是阅读有趣的文章,还是查看您的商店地址)。不要误入仅创建移动格式网站(在移动设备上看起来很美观的网站)的陷阱,因为这种网站不含任何实用功能。相反,您应创建适合移动设备的网站(对移动设备用户来说真正有用的网站,且针对客户最常执行的任务进行了优化)。

错误 2 - 在与桌面版网站不同的网域、子网域或子目录上实施移动网站。

尽管 Google 支持多种移动网站配置方式,但创建单独的移动网址将大大增加网站维护和更新方面的工作量,而且还有可能导致出现技术问题。使用自适应设计 (RWD) 通常可以显著减少工作量,而且可以使桌面版网站和移动网站使用同一网址。自适应设计是 Google 的推荐配置。

错误 3 - 闭门造车而非集思广益。

参考同领域的其他网站或竞争对手的网站,寻求灵感并了解最佳做法。虽然您可能并非业内首位推出移动版网站的人,但您却拥有学习前人经验的优势。 另外,移动手册Google 跨屏网站成功案例中也有很多精彩想法值得借鉴。

与开发者合作应注意哪些方面?

与开发者合作构建适合移动设备的网站时,只要遵循下列步骤即可确保获得理想效果。

1. 要求会见开发者的引荐人并查看其移动网站作品集。

询问开发者是否具备自适应设计 (RWD) 方面的经验。如果您的网站只有桌面版,请询问开发者是否有将桌面版网站转换为自适应网站的经验。查看他们构建的其他网站。与开发者的引荐人和之前的客户进行交流,了解对方对开发者的看法。您可以使用 Google PageSpeed Insights 等工具查看开发者的作品集。PageSpeed Insights 会突出显示影响网页速度或网页易用性的各项因素。

Web 基本法则介绍了使用 PageSpeed Insights 针对速度和用户体验进行的移动测试。

2. 确保开发者了解您的移动客户。

向开发者介绍您的业务,并让他们知道您希望针对移动版网站优化哪些最常执行的任务。确保他们开发的网站支持移动客户所需的功能。

3. 要求开发者在速度方面做出保证。

切勿让用户花费太多时间等待浏览器加载您的网页。询问开发者是否了解 PageSpeed Insights(上文提到的工具),以及是否熟悉有助于提高网页加载速度的技术。您可以在合同中要求网页“呈现”速度与竞争对手的一样快(以 WebPagetest 的测试结果为依据)。如果太难的话,也可以让他们承诺 PageSpeed Insights 显示的测试结果为绿色对勾,即不存在任何标为“应当修复”的问题(如果网页未得到绿色对勾,那么您和开发者应该权衡修正问题的成本和收益)。有关移动网页速度的详情,请观看快速修复移动网站性能问题视频。

4. 要求开发者安装网站分析工具。

安装 Google Analytics(分析)之类的网站分析工具,以便您可以汇总网站性能方面的信息。

5. 确保您和开发者都了解 Google 网站站长指南

指南涵盖 Google 如何查找、处理网站内容以及对内容进行排名等方面的内容。

6. 请务必在合同中添加首次发布移动网站后提升性能方面的条款。

您可能会收集来自客户的反馈和来自网站分析工具的数据,以便结合这些信息改善网站性能。

您可以考虑使用 Google AdWords 推荐的移动和跨屏网站供应商列表。如需详细了解移动版网站的实现方式,请参阅有关移动设备搜索引擎优化 (SEO) 的文档。

发送以下问题的反馈:

此网页