“小Q课堂”:高端实操型谷歌SEO系列视频教程,欢迎你的加入!咨询QQ:499158523

移动设备可用性

google seo 小Q 来源:小Q网络营销 1860次浏览 0个评论

为什么要注重移动设备可用性?

Google 搜索旨在为寻求解答的用户提供最相关且最实用的信息。谷歌希望能够让搜索者获得有意义的搜索体验,帮助他们使用与其搜索任务相关的信息。

由于移动设备的全球网络流量呈上升趋势,且移动设备可用性如今已与提供最佳搜索结果息息相关。因此移动设备用户获得的搜索结果应符合以下条件:

  • 具备可调整至设备屏幕大小且经过定义的视区(或视口)。
  • 具备可在视口中移动的内容,这样用户不必缩放或横向滚动屏幕即可查看整个网页。
  • 具备可缩放的字体,以便用户在小屏幕上轻松阅读。
  • 具备便于触控的元素(例如按钮),且各个元素间距合理。
  • 具备由适用于移动设备的技术支持的视觉设计与动画。

修正网页的移动设备可用性问题

在“搜索流量”部分下,移动设备可用性报告会指出你网站上有哪些网页给使用移动设备的访问者带来了严重的可用性问题。可以使用此报告诊断特定网页 的问题并予以修正,进而提升这些网页的搜索效果和相关性。例如,在为网站消除移动设备可用性问题时,可以使用报告中的图表进行监控。报告中还列出了六种 主要的移动设备可用性错误。只需点击每种错误,便可查看相应的按网址描述的详细报告。

每份详细报告中都会提供逐步说明,以帮助验证和修正错误。问题解决后,Google 系统会在下次定期抓取网站的过程中反映相应更改。

使用了 Flash

大多数移动浏览器无法呈现基于 Flash 的内容。因此,使用移动设备的访问者将无法浏览依赖 Flash 来显示内容/动画或进行导航的网页。

未配置视口

由于网站访问者使用的设备各异且屏幕大小也各不相同(从大型的桌面设备显示器到平板电脑和小型智能手机),因此应使用 meta viewport 标记为网页指定视口。此标记可以指示浏览器如何根据设备尺寸来调整网页大小及缩放网页。

视口的宽度已被固定

此报告会指出哪些网页的视口宽度已被固定。为了使非自适应网页能够适合常规的移动设备屏幕大小,部分网站开发人员会将视口定义为固定的像素大小。要 修正此类错误,请采用自适应网页设计,将视口设为可根据设备宽度自动进行调整和缩放。

未按视口调整内容大小

此报告会指出访问者在哪些网页上需要横向滚动屏幕才能查看其中的文字和图片。如果网页在 CSS 声明中使用了绝对值,或者网页使用的图片要在特定的浏览器宽度(例如 980 像素)下才能达到最佳显示效果,就会造成这种错误。要修正此类错误,请确保网页为CSS元素使用相对的宽度值和位置值,且图片可以缩放。

字体过小

此报告会列出因字体过小而导致内容模糊不清的网页。移动设备用户需要“张合双指进行缩放”,然后才能阅读这些网页上的内容。要修正此类错误,请在为网页指定视口后,将字体大小设为可在视口内适当地进行缩放。

触控元素间距过小

此报告会指出哪些网站网址上的触控元素(如按钮和导航链接)间距过小,导致移动设备用户在用手指点按所需元素时,通常会按到相邻的元素。要修正此类错误,请务必为按钮和导航链接设置适合移动设备访问者使用的大小和间距。

 


版权所有丨 转载请注明移动设备可用性
喜欢 (6)

您必须 登录 才能发表评论!