9个对移动端友好的网站小窍门

作者:丁晓峰  发布时间:2019-05-17 23:09:37

  我们都知道移动端越来越重要,其流量已经超过了PC端,那么网站怎么才能对移动端更友好呢?

  1、响应式网站

  响应式网站包含您访问它的任何设备上的所有相同内容和信息,但它会根据设备屏幕的大小更改其显示和排列方式。这是使您的网站适合移动设备的最佳选择,因为您不会限制移动访问者可以访问的信息 - 他们仍会获得其他访问者所有相同的内容。响应式设计对SEO也有好处。谷歌表示,这是他们首选的移动网站格式。

  2、尽快找到所需的消息

  有些人在移动设备上浏览网页并不介意花一些时间以与计算机上相同的速度浏览或阅读内容,但其他人希望尽可能快速,轻松地找到所需信息。想想移动设备上的人们在访问您的网站时最有可能寻找的信息,并将其放在移动主页上显而易见的地方。

  3、不要使用Flash

  Flash在几年前失宠了,因为它对搜索引擎优化很不利。它可以减慢页面的加载时间,并且有很多浏览器和设备根本不起作用。最好在您的网站上完全废弃该技术,并找到一个没有它的强大网页设计。

  4、Viewport元标记

  视口元标记是控制网站在移动设备上显示方式的简便方法。如果您的页面在手机的小屏幕上以与在桌面上相同的宽度打开,则您将不得不从一侧到另一侧进行一些笨拙的滚动以阅读每行文本并查看不同的侧面这页纸。视口元标记告诉浏览器将页面宽度调整为访问者来自的设备类型的屏幕。

  5、为表单启用自动更正

  很容易不去考虑的事情是自动更正的小方法可以使用户与您的网站的互动更加不方便。如果您的网站上有要求提供姓名或地址信息的表单,那么您可以通过一种简单的方式为移动访问者提供更多信息,关闭每个表单字段的自动更正,否则他们的手机会尝试更改其姓名或街道名称更常见的单词,并减慢填写表单的过程。

  6、按钮大小足够

  用鼠标点击几乎任何尺寸的按钮都很容易,但是当你试图用手指在智能手机小屏幕上“点击”时,小按钮很难处理。如果有多个小按钮彼此靠近,那么尤其如此 - 在尝试按下另一个按钮时按下一个按钮会给访问者带来真正的烦恼。

  7、字体大小合适

  如果字体很小,在小屏幕上阅读会更难。最好在你的网页上使用至少14px的字体大小,但请继续测试一下,看看在这里看起来更大可能会更好。最好坚持使用标准字体。访问者浏览器可能需要下载的任何字体都会降低网站加载时间,这对移动设备来说是个坏消息。

  8、压缩图像和CSS

  说到网站加载时间,您总是希望您的网站速度快。但如果有的话,那个速度在移动设备上更重要。这意味着让您的网站移动友好的另一个好方法是压缩任何占用大量空间的东西并减慢加载时间。

  这可能包括您的高分辨率图像和CSS。通过压缩它们,您可以确保它们加载更快,而不会对人们在网站上看到的内容的质量产生负面影响。

  9、允许轻松切换到桌面视图

  您的某些移动访问者可能更愿意看到您网站的桌面版本(特别是如果您使用移动版本的网站而非响应式网站)。如果是他们的偏好,请确保给他们一个方法。您希望访问者能够以对他们最有意义的方式与您的网站进行互动。

  移动设备的外观和工作方式会不断变化,而现在的移动友好型网站可能仍然无法完成明天的工作。继续测试,在需要的地方继续调整,并继续考虑将您的移动用户作为优先事项。



转载请注明来自:http://www.dingxiaofeng.com/design/48.html

相关文章阅读

在星巴克创意工作室看看Trevor Basset的工作

21张国外流行设计素材免费下载

自由设计师接单的8个注意事项

朋友的网页设计作品欣赏

如何找到设计灵感并且保持它

Top