腾讯云服务器优惠活动华纳云香港服务器

谷歌关于手机移动网站建站优化的十大原则

今天在互访的时候发现一篇 13 年发布的谷歌关于移动网站建站优化的几个原则,细细拜读之后感觉文中所列举的十大原则依然适用于今天。所以特意转载分享给大家,让大家重温一下,以便更好地优化我们的移动网站。

谷歌关于手机移动网站建站优化的十大原则-第1张-boke112百科(boke112.com)

1、简单快捷

所谓简单快捷,就是要在手机有限的屏幕上以最简单最实用最快捷的形式展示给用户最需要的东西,让用户方便。谷歌的建议是:

  • 优先提供用户最需要的内容和功能
  • 减法,减法,减法(解释一下,这一点其实就是在强调手机网站要去掉一切可以去掉的内容、功能、板块、按钮等,只留下最精华的部分,记住是最精华的部分。谷歌举例了淘宝的移动网站)
  • 精简文字
  • 压缩图片以提升网站加载速度

2、简化导航

  • 明确的目录结构,避免用户横向滚动页面
  • 提供醒目的“后退”和“首页”按钮

对于导航的目录结构,谷歌列出了四种常见的手机网站的导航形式,分别是:

  • 横条式(谷歌指出,根据手机屏幕尺寸以及统计数据显示,横条最好不要超过 7 个)
  • 大按钮式(这种形式是手机站最常见且应用最多的导航形式)
  • 列表式
  • 选项式

3、拇指操作

  • 较大的按钮,降低操作难度
  • 适当的空间,避免意外点击(与加宽间距目的一样,都是为了扩大点击范围,防止用户因为按钮较小而误点其它选项或内容而造成的不便。也就是在有限的手机屏幕上再适当给按钮做些留白)
  • 间距加宽,扩大点击范围
  • 使用颜色和阴影凸显按钮

这一点不仅仅是针对搜索引擎的优化设计,更是手机站针对用户体验的人性化设计,在这一点上,谷歌考虑的更周全些。

4、一目了然

  • 确保内容与屏幕大小一致
  • 背景和文字颜色的鲜明反差
  • 使用留白空间
  • 整齐的排版
  • 舒服的字型大小

这一点同样是考虑用户体验的问题,如果是第三点是考虑用户手感或者说触感的话,第四点就是考虑用户的观感。

5、广泛适应

  • 网站能在不同的移动设备上运行
  • 移除 flash,使用 HTML5 来实现互动内容和动画
  • 根据屏幕方向调整显示

很多站长可能不太懂 HTML5 相关技术以及自适应网页技术,没关系,百度的手机站优化指南有相关知识,还是不明白的话,百度一下,你就知道。

6、轻松转化

  • 简化注册登录流程
  • 减少使用者输入:使用表单、菜单、选择框
  • 着重提供有助于转化/注册的信息

还是尽可能的给用户提供方便,减少给用户带来的麻烦,节约用户的时间和浏览成本,要知道,时间就是金钱。

7、立足本地

  • 与用户位置相结合的个人化信息
  • 地图、路线、电话、本地信息等

在所有提供内容当中,除非用户是找寻通用信息,所以本地化信息是最对用户有帮助的。

8、流畅体验

  • 允许用户保存搜索、书签、购买等信息
  • 尽可能在所有平台提供相同信息和功能(即无论是 PC 端、平板端还是手机端都保持网站信息的一致性)

9、重新定向

  • 自动判断移动设备,重新定向相应适合的网站内容(自适应网页技术,根据不同的移动设备和屏幕尺寸,来显示相应的网站内容)
  • 让用户可以切换电脑版与移动版网站
  • 让用户选择下次访问的版本

10、持续改进

  • 使用分析工具,了解用户如何使用网站
  • 收集用户意见并反复测试,追踪表现

移动网站不是移动应用,所以可以持续的改进并调整。

平时我们大部分时间都是在优化 PC 端的网站,对于移动端的表现及优化关注度明显不够。所以建议大家以后可以根据以上十大原则,对我们的移动网站进行适当调整和优化,让我们的移动版网站跟 PC 端的网站一样给力。

赞 (0) 打赏
版权声明:本文为转载文章,来源于 北漂书生 ,版权归原作者所有!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请联系我们,确认后马上更正或删除,谢谢!
香港云主机55元/年
wu