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

作者:码迷
作者:码迷SEO
发布时间:2019-11-24 09:40:01阅读:89点赞:18

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」原创整理,未经授权严禁采集转载,违者必究。
评论
相关文章
  • SEO必学策略「长尾关键字」,让你锁定动机明确的搜索访客

    SEO必学策略「长尾关键字」,让你锁定动机明确的搜索访客

    或许各位对长尾关键字已经不陌生了,但你知道它之于 SEO 与 SEM 扮演什么角色、又能如何运用在节省成本、挖掘商机吗?本篇从「长尾关键字」的基本概念到营销策略的应用一次搞懂,让他成为你的得力助手!继续阅读>>

    94浏览22赞2019-11-09 13:40:01
  • 我的商家经营教学,五个创建我的商家你一定要懂的事

    我的商家经营教学,五个创建我的商家你一定要懂的事

    Google我的商家是实体店面必须经营的网络门面,但是该如何经营 Google我的商家?商家地图优化 (MEO, Map Engine Optimization) 要如何做才能跟顾客做有效交互?掌握五大经营关键,有效提升实体商家的搜索曝光度,带来更多的顾客。让更多顾客透过Google我的商家找到你!继续阅读>>

    84浏览15赞2019-12-20 11:20:01
  • SEO文案撰写三技巧,优秀排名其实比你想像中唾手可得

    SEO文案撰写三技巧,优秀排名其实比你想像中唾手可得

    SEO文案该怎么写?要如何让文章才能在搜索结果中名列前茅呢?其实要撰写好的SEO文案并不困难,只要遵循SEO文案撰写三技巧,套入符合SEO的文案架构,再加上SEO文案撰写技巧,不只可以让文章得到更好的排名和曝光,还可以让内容更加分、出色!现在就跟着awoo来解构SEO文案吧!继续阅读>>

    62浏览10赞2020-02-16 09:00:01
  • AMP能提高网站SEO?完整AMP信息告诉你

    AMP能提高网站SEO?完整AMP信息告诉你

    AMP为Google所推出的计划,目的是为了加速手机版的浏览体验。AMP主要适用在产出内容为主的网页,例如新闻媒体、美食评论、电影评论。AMP的架设方式可以透过埋设代码或者透过wordpress的插件来安装。而AMP对于SEO而言,是一个可间接帮助网站的工具,awoo非常鼓励大家安装。继续阅读>>

    118浏览23赞2019-12-11 11:20:02
  • RWD 响应式网站设计是什么?对 SEO 的好处有哪些?

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

    手机版网页与 RWD经常被同时提及。究竟什么是 RWD 呢?RWD,也就是响应式网站设计Responsive Web Design。响应式代表网页排版会随屏幕宽度变化。一般提到「创建手机版网页」,有三种做法,分别是:RWD、AWD、手机桌机独立网站。设置上需要注意什么?哪一种对SEO比较好?阅读本文马上了解!继续阅读>>

    82浏览13赞2019-12-04 13:00:01
  • 黑帽SEO是什么?不可不知的黑帽介绍与风险!

    黑帽SEO是什么?不可不知的黑帽介绍与风险!

    不论你是企业老板、营销人、或者工程师,都可能有机会听到黑帽SEO或者白帽SEO,究竟什么是黑帽SEO跟白帽SEO呢?我们透过这次的文章来说明让你了解SEO的路上可能会有的陷阱以及风险! 搜索引擎是用户与内容的桥梁,而SEO就是要加强、拓宽这座桥梁,所以SEO应当是配合搜索引擎的政策,让用户可以顺利找到对他们有帮助的内容。正确的SEO,是可以达到用户、搜索引擎、网站三者皆赢的结果。 黑帽SEO是用欺瞒争取排名的方式,在黑帽SEO运行的过程几乎不会对用户体验有任何加分,例如在无关网站购买外连来诱骗用户进站、在网站内容安插一些用户不可见的关键字(透过使字体极小化、与背景同色等方式)。黑帽SEO基本上就是在与搜索引擎抗衡,搜索引擎的目标是将好的内容送到用户面前,而黑帽SEO就是不优化内容却硬将网站塞给用户。 搜索引擎会透过网站的链接结构、内容是否正确符合消费者需求、网站是否安全可信等诸多理由来排序每个网站在每个不同关键字的排名,但搜索引擎不可能无所不知,算法有结构有逻辑,能被拆解,比如说PageRank,比如说EAT,比如说内容品质。这也就造就了他有可能被人为不当操作排名。 听起来很棒,对吧?继续阅读>>

    150浏览22赞2019-11-15 11:00:01