Mobile SEO必学!行动版网站健检Search Console帮你做

作者:码迷 阅读:170 点赞:29

Mobile SEO必学!行动版网站健检Search Console帮你做/

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

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

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

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

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

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

internet usage worldwide

参考文章:

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

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

Mobile-Friendly Test Tool 1

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

「错误、有效」的定义

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

出现问题的时间点

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

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

Mobile-Friendly Test Tool 3

不兼容的插件程序

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

未设置查看点

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

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

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

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

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

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

文本太小,不易阅读

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

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

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

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

验证流程

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

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

Mobile-Friendly Test Tool 2

验证状态

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

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

Mobile-Friendly Test Tool 4

结语

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

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

本文网址: https://www.mamioo.com/seo-advanced/r15e85a58an4

本站内容均为「码迷SEO」原创整理,未经授权严禁采集转载,违者必究。