谷歌已“处罚”不移动友好的网页设计，这是真的！

Vũ Khôi

Wotech Electronics 博客作者

移动友好网页设计：越南企业的冷淡态度

不兼容各类屏幕界面的网页设计会被谷歌低估评价，甚至受到处罚。实际上，越南有多达50%的网页设计不具备移动友好性（mobile-friendly）。如果您不信，可以随便挑一个越南企业的网站，用智能手机访问，页面加载速度和网页界面设计都会让您远不如在电脑屏幕上满意。

但移动友好网页设计究竟是什么？不具备移动友好性的网站有哪些常见错误？以及您有哪些理由必须做一个兼容所有屏幕界面的网站？请在今天Markdao 数字营销代理商（Digital Marketing Agency）的文章中寻找答案！

什么是网页设计中的移动友好（Mobile friendly）？

移动友好网页设计，更常用的名称是响应式网站（responsive website），是指其图形和布局能够兼容不同屏幕格式的网站：智能手机、平板电脑等。响应式网页界面设计让用户无论使用何种电子设备，都能获得舒适的浏览和阅读体验。

自2015年4月起，谷歌开始对不兼容各类屏幕界面的网站进行处罚，因为如今实际有多达70%的用户使用移动设备浏览网页，甚至购物。因此，为了优化自身用户的体验，谷歌推出了“Mobilegeddon”算法，强制各网站变得移动友好。由此，采用响应式技术的网站设计已成为全球企业的趋势和刚需。但在越南，许多企业仍未认识到响应式网页设计（responsive web design）的重要性。这正是Markdao这家数字营销代理商撰写本文的原因，希望能让一些企业对兼容各类屏幕格式的网站设计产生不同的看法。

不移动友好的网页设计常见错误

您是否曾自问：为什么自己拥有一个美观、图片吸引人、持续为客户更新必要信息的网站，跳出率（bounce rate）却很高？那么您现在需要做的，就是用智能手机或平板电脑访问自己的网站，看看它是否存在以下错误：

页面加载速度慢

打开网站后，请检查您需要多长时间才能打开您网站中的一个页面。如果这个数字超过5秒，就意味着您的网页设计尚未集成响应式技术。此外，网站上的视频、图片或任何小工具也可能拖慢页面加载速度，因为您尚未对它们进行优化。那么，为什么不检查并斟酌哪些图片应该删除？或者退一步，缩小这些文件的大小。

为什么页面加载慢会产生负面影响？因为加载慢会耗费更多时间，而时间被视为谷歌评估您网站SEO的首要因素，进而决定您的网站在搜索结果页面上的排名。

必须放大才能阅读内容

这是不响应式网页设计最常见的错误，此时用户被迫放大文字才能阅读。但请想一想：您是否有足够的耐心一页一页放大网站来阅读所有信息？事实是没有。因此，如果您的网站出现这种情况，跳出率会非常高，进而对网站SEO产生负面影响。这被认为是最严重、必须极力避免的错误。

给您一些小提示：对于电脑桌面或笔记本电脑上的网页界面设计，选择有衬线字体（serif）是较优的，但反过来，它会让用户在移动设备上阅读时感到不适。因此在这些设备上，无衬线字体会是更常见的选择。除了字体之外，您还需要注意字号，通常移动友好网页设计的最小字号为16pt，不过这也取决于您所使用的字体。

信息过多却缺乏系统性

走进一个看起来像信息和图片森林的网站，您还会继续浏览吗？如今的设计趋势正是网格化网页设计，留白更多、文字极简、图片清晰优质，以优化用户体验。这种形式备受青睐，但企业大多只在电脑屏幕的网页界面设计上实现它。实际上在移动设备上，大多数网站仅设计成纵向形式，一路下拉浏览一条条信息。

不仅如此，许多网站信息虽多，却没有对这些信息进行系统化组织。最好的做法是将内容划分到合理的板块中，让用户进入您的网站时不至于眼花缭乱，从而帮助他们探索所需的内容，从这一内容浏览到另一内容，他们在您网站上停留的时间也会更长。这对您的网站SEO非常有利。

那么，响应式网站的定义是什么？

综合Markdao上面提到的这些错误，我们可以总结出：移动友好型网站是指能够兼容各种界面的网站，无论屏幕尺寸大小。这类网站的字号起着极其重要的作用，让访问者更轻松地阅读信息或查看图片，尤其需要对发布在网站上的内容进行合理的组织排布。一个响应式网页设计让用户无需放大或缩小屏幕、左右滑动，只需像使用PC时一样纵向上下滚动网页。此外，用户不应在每一页上等待网站过久的加载，最后，响应式网站还应确保行动号召按钮（call-to-action）和各链接在用户点击时都能正常运作。

那么，从现在开始，请检查您的网页设计是否已移动友好，以免落入谷歌的“瞄准范围”。如果您遇到困难需要支持，请毫不犹豫地联系Markdao，我们会像对待自己的网站一样呵护您的网站。

如何判断网站是否移动友好？

有几种非常简单的方法，可以判断您目前的网站能否在移动设备或平板电脑上正常使用：

• 用智能手机和平板电脑访问您的网站：如果它像在您的PC上一样完整呈现、只是尺寸更小，说明浏览器已将其缩小以适应屏幕宽度，该网站是不响应式的。

• 在普通浏览器中检查您的网站，但缩小窗口宽度：如果出现横向滚动条，则该网页不具备移动友好性。不妨在您的浏览器中对Markdao这家数字营销代理商的网站做同样的实验，看看当宽度减小时网页如何重新排布。

• 使用一些检测工具，如Google's Mobile Friendly Test、W3C mobileOK Checker、HubSpot's Marketing Grader等。

您为什么需要移动友好的网页设计？

除了使用移动设备浏览网页的人越来越多的原因之外，营销专家还建议您采用移动友好形式的网页设计，还有哪些其他理由呢？

响应式网站有助于改善谷歌SEO

如前所述，谷歌非常重视用户体验，因此如果用户对您的网站表现出关注——例如访问网站的时间较长、分享链接并在社交媒体上讨论您的内容……那么谷歌肯定会高度评价您的网站SEO质量。对谷歌而言，搜索引擎算法中的用户体验非常重要，网民对您的网页设计是否移动友好的反应，将对网站在搜索结果页面上的“排名”结果产生重大影响。

响应式网站有助于改善销售业绩并增加来自潜在客户的互动

移动友好型网站被专家评为让访问您网站的访客满意、并提高其执行购买或注册留资等行动可能性的首要理想方案。因为智能手机、平板电脑非常适合这类活动，能帮助他们更快、更便捷地完成。道理很简单：请设想一位用手机访问网站、希望深入了解以便做出购买决定的用户，如果他在浏览您网站各页面或阅读内容时遇到故障，他必定会尽快退出您的网站以免浪费时间。更糟糕的是，他会认为您的企业不够专业，进而对您的品牌失去信任！

响应式网站更易于管理

有些企业会同时创建两个不同的网站，一个专用于PC，一个面向移动设备。说到这里，您应该已经感受到这在时间、金钱和精力上多么耗费了吧？那么为什么不把它们合二为一呢？这将为您节省宝贵的时间，让您在更长的一段时期内更优质地进行网站内容的创作和管理。

响应式网站设计的费用如何？

移动友好网页设计的费用贵吗？这也取决于诸多因素。如果您只需要一个简单、没有针对移动设备的特殊功能或服务的网站，那么费用并不高。但如果您想为用户提供最佳体验，例如轻松购买产品、预约、通过手机注册信息或其他功能，那么所需费用会更高，以满足您的需求。

是时候重新审视企业的网页设计了！

如前分析，在当今4.0时代，移动友好网页设计正扮演着日益关键的角色。在越南，70%的用户使用手机浏览网页，却只有50%的企业确保网站兼容所有移动设备，这实在太过可惜，因为另外50%的企业因对响应式网页界面设计的漠视，而未能更多地触达自己的潜在客户。我们可以承认这需要投入一笔不小的费用，但响应式网站将在网站导航上创造差异，并提升触达潜在客户的能力。

Markdao希望通过这篇文章，即使您不选择Markdao来协助您实现响应式网站，我们也希望您能换一种思路、换一种眼光，看待移动友好网页设计能为您的企业带来的种种好处。感谢您抽出时间阅读我们的文章。

相关文章