网页设计

你的网站有移动友好的设计吗?

如今智能手机和平板电脑正在受到控制,在包括美国和日本在内的10个国家,谷歌搜索更多地发生在移动设备上而不是电脑上也就不足为奇了。利用这一趋势,谷歌对他们的搜索算法做了一些改变,以提高移动友好型网站在搜索结果中的排名,惩罚那些没有移动友好型设计的网站。最近,人们发现许多网站的排名在移动设备上显著下降,因此有必要使网站对移动设备友好。

1 responsive_design

根据用户体验设计技巧,看看你的网站是否适合移动设备:

  1. 它在各种设备上的显示情况如何?

众所周知,移动设备的尺寸和形式多种多样,智能设备从3英寸屏幕的智能手机到7英寸屏幕的平板电脑,甚至更多。同样,检查你的网站是否在所有设备上正确显示。下面是一些可以考虑的工具:

  • DesignModo的响应测试
  • 通过ZooExtension进行响应测试
  • StudioPress的响应式设计测试

早期的网站为移动版网站使用单独的url,在移动版和桌面版上提供不同的内容。考虑到屏幕大小的广泛范围,您可以为您的网站使用响应式布局。

  1. 移动用户完成普通任务有多容易?

移动设备上的屏幕空间当然比桌面设备小,因此触摸是主要的输入方式。您必须知道,在表单中输入数据是不建议的,因为您是在虚拟键盘上用小键敲击数据。通过这种方式,用户交互与桌面不同。你必须让用户更容易在智能手机上与你的网站互动,使用在小屏幕上清晰可见的字体大小,使他们能够通过一次点击打电话给你,这对提高用户体验有很大帮助。

  1. 你的“行动呼吁”是核心和突出的吗?

是的,通过在你的网站上战略性地放置明显和有效的cta来增加用户粘性和收入。在移动设备上查看CTA时,原本设计在首页右上方的CTA可能会被重新定位到屏幕3。可能发生的情况是,你的网站可能没有以正确的方式调整大小,重要的输入字段消失了。所以,你只需在移动设备上仔细检查CTA的位置、布局和外观。

  1. 你有深度多层次的菜单吗?

很久以前的观众喜欢有三层甚至四层的菜单,但现在这已经是过去式了。在移动设备上,这仍然是必要的,因为移动网站倾向于将菜单浓缩为屏幕顶部的一个图标,当你点击它时,它会展开。用户不一定喜欢多次点击或滚动一长串选项。因此,在移动设备上最好保持菜单简短和简单。

  1. 你能轻松返回主页吗?

当用户深入到你的页面层次结构、博客文章或产品时,他们能轻松地回到主页吗?万一他们失败了,这会让他们非常沮丧。只需简单地将你的logo链接到主页,就可以让他们更容易地访问,而不需要多次点击,同时在菜单中腾出一个空间。

  1. 在你的网站上搜索容易吗?

移动用户必须能够快速搜索他们正在寻找的东西。在这种情况下,实现â€~智能搜索功能,如自动更正和自动完成,同时添加特定的过滤器,如电子商务网站,帮助用户更快地找到相关产品。

  1. 你有适合虚拟键盘的形式吗?

有些人喜欢在小的虚拟键盘上填写表单,所以建议为移动设备制作更简单的表单。通过这种方式,您可以帮助用户填写默认字段,并提供自动完成功能。使用最简单的输入法,比如日期,使用弹出式日历,用户可以点击日期,而不必以DD/MM/YYYY格式输入。

  1. 你的整个网站是可爬行的吗?

谷歌为移动设备识别三种不同的配置:

  • i)响应式设计,其中布局适应屏幕大小。
  • ii)动态服务,web服务器根据设备的UserAgentString发送不同的HTML。

iii)在不同的url上为每个设备提供不同代码的单独url

无论你使用什么方法,如果Googlebot不能正确地浏览你的网站,这将影响你的搜索结果。保持你的CSS, JavaScript和图像可抓取。你可以用这个工具检查robots.txt。

通过http://www.octalsoftware.com/