Google Search Console 早在 2013 年就将行动版网页列为检测的项目，目的就是想让更多的行动版网页能够进行优化，进而在手机端上提供更优异的用户体验，这样的功能在手机端越趋重要的时代，提供所有行动版网页的管理者一个便利协助工具。而「手机端可用性」报表也随着 Search Console 的版本更新，也重新推出了新的接口来继续提供服务，这次就让我们来了解新版的「手机端可用性」有什么功能、该如何使用吧！ 

TL;DR 文章太长但时间不够，没关系可以跳着看

为什么需要「手机端可用性」报表

手机端在全球已经非常的普及，连带的也大大带动了行动版网页的使用，根据 StatCounter 的数据显示，早在 2016 年就已经出现第一次手机端的上网流量非常越桌面型设备的现象，而随着手机端持续成长的趋势之下，为行动版网页的创建与优化投入更多的资源也已经成为必然。

手机端的普及也就代表着 Mobile SEO 的重要性大大的提升，在 Mobile SEO 领域当中有许多的技术与细节需要注意，而「手机端可用性报告」在整体策略方向则扮演着稳固基础的角色，专注于网页的使用性这个面向来提供协助，让用户可以流畅的使用网页，未来也可以在这样的基础下，更深入的去耕耘 Mobile SEO。

对于行动版网页的实质应用、管理上，「手机端可用性报告」提供了后续对网页进行维护的协助，同时也是在行动版网页架设时，可以用来作为检核的一个基准，让行动版网页能够避免许多常见的使用问题，在使用上若能避免这些状况，就能少去因为用户体验不佳所带来的不良影响。

参考文章：

判读「手机端可用性」报表的细节

新版 Search Console 的「手机端可用性报告」中，最先显示出来是网站中所有网页的状况与数量，状态是简单的分为「错误」、「有效」两种，同时将这两种状态的网页，以时间与数量所构成的图表来呈现，让全部网站中在手机端上的状况可以一目了然。

在「手机端可用性」的报告当中，出现的「错误」与「有效」这两种网页状态，虽然简单的以两种状态来区分网站中的网页，但实际上的状况并不是这么简单的二分法，在开始使用报表前，需要先理解 Google 是如何处理这些数据的，才能够以更正确的方向，来解读所得到的信息。

「错误、有效」的定义

对于网页状态的判定，Google 内部有创建一个手机端可用性的评分机制，会针对网页中所出现问题的数量与严重程度来计算分数，若是网页整体的的分数高于最低标准，在报告中就会显示「有效」；反之，如果网页整体的评分低于设置的最低标准，报告就会以「错误」来呈现，同时也会列出错误的类型。

出现问题的时间点

由于网页的状态是以评分机制为标准来判断，所以当网页出现「错误」的时间点，也就会是评分低于有效门槛时才会出现，并不表示问题是在这个时间点才出现；若同时出现两个类型的问题，也不代表这两个问题是同时发生的。

「手机端可用性」的检查项目

不兼容的插件程序

代表网站当中出现过多行动浏览器不支持的插件程序，使手机端在浏览上发生问题。常见的类型就像是采用 Flash 技术，采用这样的技术目的就是想做出更能吸引人的网站，但当手机端的浏览器不支持时，反而会造成负面的效果。

未设置查看点

透过设立 viewport 属性的查看点，可以让浏览器在不同的大小尺寸上，能够以不同的大小、排版来呈现网页，在使用不同的设备来查看网页时，就可以借由这样的方式，来提供各种设备尺寸所适合的网页。

在未设立查看点的状况下使用手机端，浏览器会采用缺省的电脑版屏幕尺寸来呈现，使用手机端时就需要以缩放页面与左右移动的方式，才能够完成浏览网页的动作，对于手机端来说是非常不方便的问题！

未将查看点设为「device-width」

虽然设置了 viewport 的查看点，但若是属性设置为「fixed-width」，就无法让网也随着设备的尺寸来调整大小。采用「device-width」就可以让网页的宽度，符合各种不同大小的设备尺寸与屏幕大小，大至曲面屏幕、小至手机设备，都可以以适合的页面形式浏览。

内容宽度非常出屏幕显示范围

部分的网页会因为 CSS 的设置问题，而造成网页在手机端浏览时，网页的内容非常过设备的水平宽度，需要左右水平移动网页，才能够看到完整的文本或图片。若是发生这样的问题，就需要对网页中的 CSS 元素进行调整，选择使用相关宽度与位置值，同时也要确保图片是可以缩放的状态。

文本太小，不易阅读

可点击的元素之间距离太近

此项目是指网站中的点击、触摸元素在行动版网页中过于靠近，在使用手指点击的过程中，会因此而同时触碰到两个元素，或是误击到相近的触摸元素。遇到这样的问题就需要重新调整版面的设置，让触摸元素以适当的间隔、大小呈现。

怎么样才能协助到我的行动版网页

如果只有发现问题绝对是不够的，后续对网站进行的修改、优化，才是能够解决问题的重要行动；而「手机端可用性」工具除了能在 Google 发现问题的第一时间提供报告，在后续完成调整、优化后，也能够再次对出现问题的网页重新进行检测，验证问题是否有确实被解决，学会了这两项功能，才是真的彻底的运用「手机端可用性报表」。

验证流程

在完成特定问题的修正之后，可以在报表当中点击该问题进入详细的报表，接着再点击「验证修正后的项目」，即刻进入到验证进程。

进入验证进程后，Google 会对出现问题的网页立即采样检查（出现「正在运行快速初步验证」字样）；若是采样的网页问题已经成功解决，就会针对所有出现相同问题的网页进行重新检验，并以整体网站的方式来检测。

验证状态

在成功进入检验进程后，就可以点击「查看详细信息」来得知目前 Google 对网页的检验进度，系统会针对所检测的问题，来对网页做出检测后的结论，并以以下四种状态来显示。

• 待处理：在最近一次的检测当中，网页还是存在该问题（ex. 可点击的元素距离太近），目前已经排入重新检测的调度中。
• 通过：在 Google 检测过后，所选择的问题已经被解决。
• 失败：在 Google 检测过后，所选择的问题依然存在。
• 其他：Google 无法访问该网页，可视为问题已解决。

结语

在手机端越趋重要的现在，从 Search Console 中的「手机端可用性」，就可以得知 Google 想要推动行动版网页的决心，用来鼓励网站拥有者来优化自己的行动版网站；而网站拥有者提供适当的行动版网页，也并不只是要满足Google而已，最重要的是要打造良好的用户体验，不要让行动版网页反过来成为用户的梦魇。

RWD 响应式网站设计是什么？对 SEO 的好处有哪些？