1.使用加速的移动页面(AMP)
除了标准的响应式设计格式外,您还可以将网站上的某些页面设置为加速移动页面(AMP)。AMP是页面的精简版本,仅保留基本元素。AMP具有许多不同的优势。第一个优势是视觉效果-更少的信息和更少的图形显示在小屏幕上,使AMP在人们的眼中更加容易。另一个优势是AMP的极简主义可以帮助它们更快地运行并消耗更少的数据。
2.优化页面加载速度
正确执行页面加载速度始终很重要。大多数用户期望页面在两秒钟内加载,即使在台式机上,您也需要确保您的网站符合期望。但是在移动设备上,它比平时更重要。
3.适当缩放所有内容
设计网站时,您可能会在计算机上进行操作,其中包括移动格式。但是,当您在计算机显示器上工作时,很容易忘记当内容出现在人们的手机上时,内容将缩小多少。为了弥补这一点,您需要对所有内容进行不同的缩放。这从文本开始。您希望用户阅读的任何内容都应足够大,以使他们无需使用放大镜即可看到(尽管仍然足够小以适合屏幕!)。您不希望任何人都必须在屏幕上,起眼睛,或者用手指拖动来放大。
4.避免弹出窗口
对于弹出式窗口,如果可以的话,应该完全避免使用它们。在计算机上,很容易显示不占据整个屏幕的弹出窗口,如果用户不感兴趣,也可以单击“ X”并继续前进。通常,移动弹出窗口给用户带来的挫败感要比其他任何事情大得多。除了用户特别要求通过单击某些内容的弹出窗口外,请尝试将其从您的网站中删除。
5.简化表格
弹出窗口并不是用户在移动设备上遇到困难的唯一原因。如果使用不当,在线表格也会引起问题。但是,与弹出式窗口不同的是,您不能完全消除表格-您经常需要它们来生成销售线索或帮助用户进行购买。
6.消除大块文字
移动设备更难摆脱的另一件事是大块文本。即使是在计算机上,巨大的文本块也不适用于Web设计,但在移动设备上尤其糟糕。
7.简化菜单和导航栏
简化网站内容的另一种方法是优化菜单和导航栏。在计算机上,您可以在屏幕顶部延伸一长行标签,但在移动设备上则不能,屏幕顶部的宽度通常不到3英寸。
8.频繁执行移动测试
确保您网站的移动友好性的最后一种方法是经常对其进行测试。您可以使用Google的移动设备友好的测试工具来进行此操作,该工具会评估您网站的移动设备友好程度,并提出改进建议。