Google Search Console 早在2013 年就将行动版网页列为检测的项目,目的就是想让更多的行动版网页能够进行优化,进而在行动装置上提供更优异的使用者体验,这样的功能在行动装置越趋重要的时代,提供所有行动版网页的管理者一个便利协助工具。而「行动装置可用性」报表也随着Search Console 的版本更新,也重新推出了新的介面来继续提供服务,这次就让我们来了解新版的「行动装置可用性」有什么功能、该如何使用吧!
行动装置在全球已经非常的普及,连带的也大大带动了行动版网页的使用,根据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而已,最重要的是要打造良好的使用者体验,不要让行动版网页反过来成为使用者的梦魇。