我们最近分析了来自电子商务客户网站的 2亿多访客的数据，发现27％的网站访问来自智能手机和平板电脑上的购物者。
现在已经成为现实， 网络上的每个公司和发布者都需要一个移动网络策略 。
对于某些国家（例如巴西），几乎所有电子商务流量中的一半来自移动设备。
因此，这里有13个技巧，可为移动网站访问者优化您的内容 。
1.在通用表单输入上使用占位符文本
在上下文明显的小型表单上，请使用占位符文本而不是标签（例如登录表单，搜索框或地址表单）。
确保标签始终存在，即使它们插入了内容也是如此。
另一方面，如果用户需要标签来了解输入内容是什么，则不要依赖占位符文本。
2.少即是多
或者更好的是，不要包括不需要的表单输入。
因此，将所需字段减少到最低限度。
在移动设备上将信息输入表单要困难得多，对吗？
要求您的用户稍后输入信息或将其完全忽略。
3.将标签放在表单输入上方
使用顶部对齐的标签可确保如果移动浏览器放大输入内容，则用户不会丢失输入内容。
使用标签时，应将其放置在表单元素上方。
4.确保文本始终是文本
使用文本输入文本的其他好处包括可访问性，性能，正常降级和一般可用性。
学会使用CSS，因为如果将其展平为图像，则不同的屏幕尺寸和显示密度将对文本造成严重破坏。
不，没有
没有基于图像的文本。
像服务TypeKit ， FontSquirrel和谷歌的Web字体化妆容易设计漂亮的文字。
5.标题要短一些
保持简短，重点突出和描述性，不要讲述整个故事。
超过两行的标题会将您的内容向下推到页面上，并且通常对用户而言是不合框架的。
像下面的示例一样， 尽管在桌面上看起来不错，但对于智能手机而言，这是一个漫长的旅程。
6.以像素为单位声明字体大小，以实现完美控制
关于字体大小， 我们建议至少为14像素。
而是基于font-size的乘数。
另外，我们建议使用无单位的行高，因为它不会继承其父元素的百分比值。
我们建议您使用像素（px）作为字体大小，因为它可以绝对控制文本。
缩小尺寸（至少最小为12像素）的唯一时间是在表格的非常精确的标签上。
即使那看起来真的很大，这也是正确的做法。
7.像国王一样对待您的内容
然后，确保该页面上的所有内容都可以帮助您的用户完成这项工作。
认真思考每页的工作。
简单也往往很漂亮。
简单的节奏很漂亮。
8.保持简短
不见了
表现出色
简洁的。
9.使用基于字体的图标节省时间
字形 ;
为了避免同时管理具有视网膜资源和较小图标的Sprite表，请选择基于字体的图标集，例如： Font Awesome ；
他们为您的设计增添趣味。
我们❤图标！
10.图像也需要爱
避免简单地缩小图像尺寸。
图片讲述了一个故事，应仔细调整其大小，以确保其故事无缝地转换为新的屏幕尺寸。
上下文已经改变，因此如果您希望图像正确地讲述其故事，那么图像也应该如此。
11.轻松处理图像
移动设备支持所有浏览器中的一些最高级CSS功能，因此您几乎可以在图像中做的任何事情都可以通过样式来完成。
放下您的渐变图像和按钮，并使用CSS使其美观。
在周围。
是的！
其他好处包括：更好的缩放比例，更好的加载时间，更快乐的用户。
12.使用一些资产管理魔术
它们看起来仍然不错，不会比较小的版本占用更多的空间。
生成视网膜图标，并使用CSS background-size属性缩小非视网膜设备的尺寸。
13.不要让密码变得过于乏味
如果您需要密码才能登录帐户，请放心一点，并使密码登录过程尽可能简单 。
这意味着让用户可以选择显示或取消隐藏密码，以便向他们显示最近输入的字符。
Ben在为Nike，Electronic Arts和Palm等品牌制作屡获殊荣的广告系列方面拥有10多年的经验。
Ben是开放式移动平台Mobify的客户成功总监。
编者注：本帖由Ben Terrill为Hongkiat.com撰写。