你是否收到过来自谷歌的手机可用性警告?下面是如何解决的方法

Trevin是WebFX的业务发展副总裁.他参与了450多个营销活动,并在20多年的时间里创建了网站。他的作品被搜索引擎之地,今日美国,快速公司和公司推荐。

上周,谷歌开始发送电子邮件和网站管理员工具通知,让网站管理员知道他们的网站是否达到了当前的移动可用性标准。对于智能手机用户来说,没有为提供友好的移动体验而编写的页面可能排名较低as谷歌将此作为SEO信号进行实验.如果您收到其中一条消息,您可能想知道下一步该做什么。

以下是如何处理来自谷歌的移动可用性警告。

消息看起来像什么

以下是网站管理员工具中的手机可用性警告:移动站点修复的例子警告首先告诉我们网站上有多少页面存在严重的移动可用性错误。当您单击“检查移动问题”时,您将看到一个表显示可用性错误的类型以及的页面数量在你的网站上出现这个错误:手机可用性错误

什么是严重的手机可用性错误?听起来很重要!

即使有超过58%的美国成年人拥有智能手机的重要性,成千上万的企业仍然忽视响应设计并为任何在移动设备上访问他们网站的人创造友好的体验。

例如:小的字体大小我们可以尝试在智能手机上放大页面,但这已经造成了糟糕的用户体验。尽管我们的网站可能在桌面浏览器上看起来和渲染得很好,但当屏幕大小改变时,这是一个完全不同的环境。很简单,这就是为什么响应式网页设计已经成为行业的必需品。它维护了企业/品牌的感觉、外观和风格;它创造了团结。

让我们回到这些讨厌的错误。如果你收到手机可用性警告,你很可能会遇到三种常见的错误。让我们来看看它们,以及您可以采取的步骤,以尽快解决它们。

3个常见的手机可用性错误

小的字体大小

解决办法:设置一个基地字体大小16px.然后创建类,例如'。小”和“。“Large”表示何时应该渲染较大或较小的尺寸。

窗口不配置

视口控制网站在移动设备上的显示方式。在没有配置视口的情况下,移动设备将以典型的桌面宽度呈现页面内容(导致屏幕看起来很像我上面的例子)。

解决办法:配置一个视窗因此,页面在文档的头部包含一个元视口。例如:

元名称=viewport内容="width=device-width, initial-scale=1"

另外,你想要的将内容调整到视口的大小——即;你不希望为图像创建绝对宽度。

相反,使用相对宽度,例如:

宽度:100%

触碰元素过近

解决办法:虽然我们正在慢慢成为操作移动技术的大师,但触摸元素或点击目标(你的按钮、菜单、弹出触发器等)通常都太小,无法准确点击。这里有一个有趣的趣闻:成人手指垫的平均尺寸大约是10毫米宽(略低于½英寸),所以最小的目标尺寸是推荐大约48个CSS像素高/宽.把不太重要的链接隔开,让它们稍微小一点也是可取的。

来自谷歌的有用建议

在谷歌的移动可用性警告错误消息的最底部,我们看到了一些提示,为那些完全不确定如何进一步进行的人。他们提供的建议是:

让我们回顾一下,好吗?

如果你的网站不能提供无缝的移动体验,那些在智能手机上购物和浏览的人是极不可能与你做生意的。这里有一个简单的数据:

手机可用性消费者
通过http://googlemobileads.blogspot.co.uk/2012/09/mobile-friendly-sites-turn-visitors.html

移动可用性错误的一个大问题是,谷歌现在正在贬低那些不解决它们的错误的网站。

这意味着来自移动用户的潜在线索和访客的减少。

收到谷歌警告的网站的主要目标是消除任何和所有的移动可用性问题,为移动用户创建轻松、直观的体验。对于手机可用性警告及其含义有什么问题吗?你在网站管理员工具中收到这个特殊的错误了吗?

请在评论中告诉我你的想法或任何问题。

更新:截至4月21日,手机可用性现在是谷歌排名的因素,这意味着,如果你收到这些警告之一而不采取行动,你吸引有机搜索流量的机会可能会受到影响。要了解更多关于如何确保你的网站排名不受影响的信息,请查看我们最新的博客

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!