编者注:本文最初由 Web Marketing Today 发布。Practical Ecommerce 于 2012 年收购了 Web Marketing Today。2016 年,我们将两个网站合并,以 Practical Ecommerce 作为继承者。
拥有一个移动友好的网站不仅是良好实践,更是先决条件。据 comScore 数据,历史上首次移动设备互联网使用量超过桌面端。
据 comScore 称,移动设备的互联网使用量现已超过桌面端。
移动用户期望获得针对其设备优化的体验。近半数消费者表示,若网站在移动端无法正确加载,将不再访问。
2015年4月21日,Google宣布将“移动友好性”纳入排名信号。这意味着不具备该特性的网站,搜索引擎排名或将下降。
若不确定网站是否达标,可参考文章《SEO:移动友好型网站不再是可选项》进行自查。
若测试未通过,以下是两种快速优化方案及一种从头构建移动友好网站的方法。
1. 创建当前网站的移动版
最快方法是使用转换平台(如 bMobilized 或 Duda Mobile)。
使用 Duda Mobile 等平台创建网站的移动版本。
此法虽简单合规,但需维护两个独立站点。更新繁琐,且若移动版内容少于桌面版,易引发用户不满。
2. 在主流 CMS 平台使用移动插件
WordPress、Joomla 或 Drupal 等主流 CMS 均提供附加解决方案,无需双站即可实现移动友好。部分插件还能整合移动端专属功能,提升用户体验。
WordPress 移动插件:WPtouch 是添加自定义移动体验的优选插件,其付费版含电商专属功能;JetPack 则是 WordPress.com 提供的简易移动主题解决方案。
WPtouch 是一个用于 WordPress 站点的插件,旨在为希望添加自定义移动体验的站点提供服务。
Joomla 移动插件:Responsivizer 和 JoomlaShine 可便捷集成移动功能。旧版 Joomla(2.5及以下)可能需要此类插件,Joomla 3.x 已内置移动端支持。
Drupal 移动插件:ThemeKey 和 MobileTheme 模块可自动检测移动设备并切换至友好主题,安装后界面易用。
Google 提供了适配移动端的实用指南,并列出了其他 CMS 的相关指引。
3. 采用移动优先的响应式设计
前述方案仅为权宜之计,长远来看应采用移动优先策略重构网站,践行响应式网页设计。
移动优先设计要求规划移动端使用场景,有助于确定内容优先级。这也引出一个问题:若某内容在移动端非必要,是否还应保留在桌面版中?
响应式设计在移动端提供最佳体验,同时随屏幕尺寸增大增强设计与功能性。
插件式方案可能导致多设备体验不一致,而响应式设计可有效避免此问题。
一个使用响应式设计的网站示例。
响应式设计确保网站适配任意屏幕尺寸或设备。无论智能手机还是平板电脑,均可获得与桌面版一致的用户体验。
无论做什么,现在就做
各方案优劣并存,但建议在计划全面更新前,先将网站优化为移动适配版本。重新评估并改进现有网站百利无害。
若需规划内容,可阅读《规划网站内容的9个步骤》。若网站此前非移动友好,很可能在内容与设计上均需同步更新。

