UnderstandingE.com 联合创始人 Matthew Ogborne 主动提供了一些关于 Google 最新移动端更新的建议。Tamebay 此前并未对此进行报道,因此非常感谢 Matt,以下是他的观点:
“Mobilegeddon”——Google 的移动端更新
你好,
最新的 Google 搜索更新被命名为“Mobilegeddon”。
这是 Google 发出的最明确的公告之一:到 4 月 21 日,“移动友好性”将开始作为网站的“重要”排名信号。
让我们面对现实吧,当我们使用手机/平板时,我们最不想做的事情就是捏合和缩放页面。Google 意识到了这一点,因此推出了这项更新:移动友好的网站将开始比未针对移动端优化的网站获得更有利的排名。
更具体地说,此次更新将影响:
- 仅限移动设备上的搜索排名
- 全球所有语言的搜索结果
- 并且适用于单个页面,而非整个网站
如果我们考虑到只有 50% 的网站已针对移动端进行了优化,而 50% 的所有本地搜索都是在移动设备上进行的,那么其影响将是巨大的,尤其是在电子商务领域。
我如何检查我的网站是否受到影响?
好了,让我们进入正题。
检查您的网站很简单。在下面的链接中输入您的网站 URL:
https://www.google.com/webmasters/tools/mobile-friendly/
您的网站大约需要 20-30 秒进行测试,理想情况下您应该看到类似这样的消息:
然而,您真正不希望看到的是类似这样的消息:
对于高级用户,Google Webmaster Tools 中新增了“移动可用性报告”。这将为您提供网站特定错误的详细分解,您可以在此处检查您的状态:https://www.google.com/webmasters/tools/mobile-usability
如果您的网站返回“太棒了!此页面具有移动友好性”,那么特定页面的其他错误可能寥寥无几。您可能已经在使用响应式网站设计,任何额外的错误都会在 Webmaster Tools 的移动可用性报告中被发现。
但是……假设您看到了红色警告消息和大量红色叉号 🙁 让我们涵盖一些您可能有的常见问题。
我受到了影响,后果会怎样?
既然 Google 使用了“重要”一词,您就应立即关注此次更新。
我个人记不起他们上次在针对普通网站的更新中使用如此强烈的措辞是什么时候了(针对垃圾内容和不当做法的更新除外,但一般更新没有)。
需要注意的是,此次更新将影响那些已经在移动设备上进行搜索的用户。因此,如果您的网站不具备移动友好性,那么您的网站出现在顶部或接近顶部的几率将远低于以往。
什么是响应式?
倒退 5 年,拥有独立的移动网站是常态。当时这是处理移动网站访客的最佳方式,通过为他们提供专为较小屏幕尺寸设计的优化站点。
然而如今,网络浏览器已经迎头赶上。
得益于 CSS 中的一个特殊选项 @media,行业标准现在是拥有一个可在多种设备上运行的单一网站,该网站会根据客户的屏幕尺寸自动调整大小。
注意:“CSS”意为“层叠样式表”,这是网页设计师用来使网站美观的工具。例如,您很可能正在 Tamebay 网站上阅读本文,本节的标题“什么是响应式?”是橙色的。CSS 使这段文字变成了橙色。CSS @media 查询意味着网页设计师可以根据屏幕尺寸更改网站布局。
示例
向您展示其工作原理的最佳方式是打开UnderstandingE.com,然后缩小和放大您的浏览器窗口。
您会注意到网站保持了其外观和感觉,但网站页面会适应您的屏幕尺寸。如果您在手机或平板上打开该链接,并旋转设备,您会看到它根据设备的方向展开和收缩。
这就是“响应式”网站设计的实际应用。一个能适应不同屏幕尺寸的单一网站设计。
我使用的是基于 XYZ 构建的网站,我的选择有哪些?
既然我们已经知道这次更新非常重要,而且浏览器和网页设计师都已经跟上步伐,那么让我们换个方向,专注于在不让你花费相当于一个小国GDP的重新设计费用的前提下解决问题。
为了帮助你,我列出了几种常见的网站平台,并附上我个人推荐的现成主题,这些主题可以直接购买并进行定制。
所有这些主题的价格都不超过100美元/65英镑。
Magento
你可能已经知道,我是Magento的忠实粉丝,因为它可以通过M2E Pro扩展程序将商品上架到eBay和Amazon。
然而,就像下面提到的其他购物车平台一样,这里有大量(我说的是非常多!)现成的网站设计模板,你可以直接购买并根据自身需求进行调整。
对于Magento,我个人最喜欢的响应式网站主题是“Ultimo”。
它的价格是99美元/65英镑,已被购买超过11,000次。
我自己曾多次使用过这个主题。它包含支持服务,并且是我们制作“以99美元设计响应式Magento网站”视频课程所基于的主题。
该主题包含的设计选项数量多得令人惊叹,足以让任何“标准”设计套餐都感到嫉妒得发慌。选择网站配色只需通过颜色选择器即可完成,此外还有高级功能,如短代码以及多得数不胜数的静态区块。
WordPress & WooCommerce
如果你使用WooCommerce构建电商网站,那么也有大量的选项可供选择。
同样出于个人推荐,有一个主题我多次使用过,也是之前看到的UnderstandingE.com网站所使用的主题,名为“Enfold”。
它已被购买超过55,000次,支持非常完善(我知道我在他们的支持论坛里提了很多问题)并且这个主题自带 WooCommerce 支持。
这里值得一提的是,“高级布局”工具让制作内容页面变得容易得多。同样,我喜欢使用颜色选择器来设置网站颜色,而这个主题也内置了这些功能。
注意:如果您正在使用WP-Lister插件通过 WooCommerce 在 eBay 和 Amazon 上销售商品,我可以确认与 Enfold 主题绝对没有冲突。
OpenCart
这是一个开源的电子商务平台,我过去经常使用。虽然它在功能和特性方面不如 Magento(例如产品变体支持不够好),但它仍然是用于电子商务网站的常见平台之一。
继续使用一款 inexpensive 且响应式主题,我之前多次使用过它,而 OpenCart 的第二大流行响应式主题是“Shoppica”。
它的价格非常便宜,为 $43 / £29,再次成为我的最爱,因为可以选择使用颜色选择器来设置网站颜色,以及字体样式。
PrestaShop
我要在这里介绍的最后一个选项是 PrestaShop,而对于 PrestaShop,我会显得相当无聊。
为什么?因为我实际上喜欢他们已经具备移动响应能力的标准主题。
您可以在管理区域的“偏好设置 > 主题”中轻松更改设计配色方案,并且还有自定义主题(见此处获取它们的集合)提供更多选项,如悬停图像和搜索自动完成功能。
总结
当 Google 将更新表述为“重大”时,基本上我们现在处于一个不可忽视移动友好型网站重要性的阶段。
这是有道理的,我不喜欢不得不捏合和缩放浏览网站,您的客户也不会喜欢。
Google 已于昨日(4月21日)开始发布此次更新,并表示完全部署完毕需要一周时间。鉴于 Google 规模庞大,如此大规模的更新用一周时间完成部署是意料之中的,甚至可能还需要更长时间。
我们了解到,互联网已经不再采用昂贵的仅针对移动设备优化的网站设计,“响应式”(Responsive)一词意味着网站能够根据用户所使用的屏幕尺寸自动调整并适配网站设计。
因此,一套设计即可适用于所有设备:台式机、iPad 和手机。
此外,我们还了解到响应式网站设计并不昂贵。我为常见的网站平台提供了一些建议,它们的成本都非常低廉,不到 100 美元 / 65 英镑。
即使你以这些为基础进行定制开发,其成本也远低于为新网站设计支付两千元或更高的费用。
祝你事业蒸蒸日上,
Matthew Ogborne
UnderstandingE.com 联合创始人

