编者注：本文最初由 Web Marketing Today 发表。Practical Ecommerce 于 2012 年收购了 Web Marketing Today。2016 年，我们将两个网站合并，以 Practical Ecommerce 作为继承者。
编者注：这是关于使您的网站适应移动端的两篇文章中的“第 1 部分”。我们随后发布了“第 2 部分”。
根据最近的一项研究，Pew Internet & American Life Project 的数据显示，46% 的美国人使用智能手机。中小型企业正寻求具有成本效益的解决方案，以吸引这一受众并提升网站的移动端适配性。同时，移动网站必须对访客友好，这通常需要调整设计及内容侧重点。
您的访客看到什么？
您是否了解客户通过手机访问网站时的实际体验？内容是否清晰可读？输入邮箱或验证码是否便捷？按钮能否精准点击？链接是否易于操作？
建议使用 Google 和 Duda Mobile 推出的 Go Mo 等移动转换测试服务。在“测试您的网站”框中输入网址，即可查看移动端的显示效果及优化建议，部分服务还提供代劳选项。
Go Mo 让您能够测试您的网站在移动设备上的外观。
技术解决方案
目前有多种网站移动端优化方案，优缺点各异，费用从免费到数千美元不等。企业应根据自身业务及访客需求选择合适的策略。以下是中小型企业主常用的四种方案：
1. 使用移动网站转换服务
Duda Mobile、bMobilized 和 Mobify 等服务商可将现有网站转换为移动版，并提供脚本引导移动用户访问新站点。这些服务通常支持内容编辑，但需支付月度或年度费用。
2. 设计独立的移动网站
若桌面版与移动版用户的交互方式差异较大，可考虑建立独立移动站。例如 jetBlue，其移动版虽延续品牌元素，但作为独立实体专为忙碌人群设计，界面与功能均针对该群体优化。
jetBlue 针对智能手机优化的网站（如上右侧）与其完整版（左侧）不同。
自建移动网站可完全掌控设计、维护、托管及安全。建议聘请专业开发人员创建独立站点，并在主站添加检测脚本，自动将移动设备访客重定向至移动版。
3. 使用响应式设计
响应式设计日益普及，它允许企业通过单一网站适配台式机、笔记本、平板及手机等所有设备。该技术利用 CSS “媒体查询”根据屏幕宽度调整样式，兼容 WordPress、HTML、PHP、Joomla、Drupal 等平台，但实施难度不一。
设计时应优先考虑移动端体验，确保核心信息置顶且导航便捷。验证方法很简单：调整浏览器窗口大小，若图文能自动适配并保持可读，即为响应式设计。以下为微软网站在不同设备上的显示示例：
在 20 英寸显示器上显示的微软网站。
在 iPad Mini 上显示的微软网站。
在 iPhone 上显示的微软网站。
4. 从主站点链接到移动版
Bing Local 认领网站后会提供免费基础移动版链接。可将此链接置于网站顶部供移动访客访问。相比文本链接，醒目的按钮效果更佳，但需注意融入整体设计风格，避免突兀。此方案仅适合作为过渡性权宜之计。
接下来
在介绍完技术方案后，“第 2 部分”将探讨另一关键要素——客户体验优化，包括如何提升小屏幕下的浏览效率与用户体验。请点击阅读“第 2 部分”。