首页 | 建议留言 | 繁体中文 | 保存桌面
最后更新时间:2020/1/4 7:59:15您目前的位置:i067分类目录文章频道电脑网络谷歌推出了“移动装备易用性”工具来帮助站长优化网站

联系QQ:79772259谷歌推出了“移动装备易用性”工具来帮助站长优化网站

谷歌推出了“移动装备易用性”工具来帮助站长优化网站

文章分类:电脑网络 作者:i067分类目录编辑整理 来源:http://www.i067.com 发表时间:2019/10/13 16:39:24 推荐给朋友
  随着移动网站的流量日趋增大,具有合适移动装备的网站是提升网站影响力的重要因素,谷歌等搜索引擎也大力加强移动真个搜索体验,不过,很多桌面版网站在移动装备上可能不太容易浏览及使用。因此,具有合适移动装备的网站是提升在线影响力的重要因素。为了方便网站站长对原有桌面网站在移动装备上的优化,谷歌推出了“移动装备易用性”工具来帮助站长优化网站。

  工具使用方法

  注意,这个好用的工具用的是Google域名,需要翻墙才能访问,如果你不会翻墙,那末请疏忽并跳过此文。

  全部网站测试:

  访问Google Webmaster,在该工具里添加网站,便可对全部网站的所有页面进行移动装备易用性测试。

  单个网页测试:

  移动装备合适性测试工具:https://search.google.com/test/mobile-friendly


  打开这个网址后,将需要测试的网页的完全网址输入,点击运行测试,系统就会抓取网页并进行测试追踪,通常测试进程不会超过1分钟。

  测试结果包括以下两个部份:相应网页在移动装备上所显现的样貌的屏幕截图,和该工具发现的所有移动装备可用性问题的列表。与在移动装备上的易用性有关的问题是指会对使用移动(小屏幕)装备访问相应网页的用户造成影响的问题,包括字体太小(在小屏幕上很难看清楚)和使用 Flash(大多数移动装备都不支持 Flash)等等。

  有时候,测试结果展现的屏幕截图其实不正常,多是测试没法加载相应网页所用的所有资源,会显示“网页包括没法加载的资源”的正告消息,这些资源是指网页包括的外部元素,如图片、CSS 或脚本文件。致使出现该问题的最主要缘由多是网站站长设置robots.txt制止搜索引擎访问相应资源,只需修改robots.txt,取消制止搜索引擎访问此资源便可。

  工具优化指南

  移动装备合适性测试工具能检测出以下可用性毛病,我们可以针对对应毛病进行11修改,具体的优化修改方法以下:

  1、使用了不兼容的插件

  页面使用了Flash等插件,将Flash删除,或使用HTML5 来替换便可。

  2、未设置视口

  网页未定义viewport属性,只需要在网页头部增加以下1行便可。

  

  3、文字太小,没法浏览

  网页字体太小而,移动装备用户需要“张合双指进行缩放”,然后才能浏览这些网页上的内容。这实际上和上1个是同1个问题,网页只要定义了viewport属性,这个问题便可解决。

  4、内容宽度超过了屏幕显示范围

  网页需要横向转动屏幕才能查看其中的文字和图片,这说明页面中某些元素的CSS样式使用了宽度的绝对值,例如图片、表格使用的980px宽度等,这类问题的修改方法是,在css中使用响应式设计方法,当浏览器宽度介于 0 像素和 640 像素之间时,使用合适移动装备的css,将宽度设置为相对值,或将部份元素隐藏。示例代码以下:

  @media screen and (max-width:640px) {

  #divMain {

  width:100%;

  }

  #divSidebar {

  display:none;

  }

  }

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

  网页上的元素(如按钮和导航链接)间距太小,致使移动装备用户在用手指导按所需元素时通常会按到相邻的元素。这个问题也可以使用响应式设计方法,在移动装备上增加行高便可,示例代码以下:

  @media screen and (max-width:640px) {

  p {

  line-height:150%;

  }

  }

  总结

  解决了这些问题以后,点击“验证修复”,便可以让搜索引擎重新验证网站页面,对影响网站的移动装备易用性问题加以修复。


  如果长时间不修复这些问题,网站的移动版网页就没法提供使人满意的浏览体验,那末网站页面就会在移动搜索结果中的排名降落,致使流量的损失,因此,网站的站长赶快行动起来,立刻使用“谷歌移动装备易用性”工具来优化移动网站吧。
上一篇:标题是1个网页最直观的认知渠道...  下一篇:设计中带有几何元素,并且趋势愈...