X
广告
首页 > 优化 > 关键词  > 网站优化最新资讯  > 正文

使用“谷歌移动设备易用性”工具优化移动网站

2018-11-02 09:16 · 稿源: 月光博客
文章目录

图片来源图虫:已授站长之家使用

随着移动网站的流量日益增大,拥有适合移动设备的网站是提升网站影响力的重要因素,谷歌等搜索引擎也大力加强移动端的搜索体验,不过,很多桌面版网站在移动设备上可能不太容易浏览及使用。因此,拥有适合移动设备的网站是提升在线影响力的重要因素。为了方便网站站长对于原有桌面网站在移动设备上的优化,谷歌推出了“移动设备易用性”工具来帮助站长优化网站。

工具使用方法

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

整个网站测试:

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

单个网页测试:

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

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

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

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

工具优化指南

移动设备适合性测试工具能检测出下列可用性错误,我们可以针对对应错误进行一一修改,具体的优化修改方法如下:

1、使用了不兼容的插件

页面使用了Flash等插件,将Flash删除,或者使用HTML5 来替代即可。

2、未设置视口

网页未定义viewport属性,只需要在网页头部增加如下一行即可。

<meta name="viewport" content="width=device-width, initial-scale=1" />

3、文字太小,无法阅读

网页字体过小而,移动设备用户需要“张合双指进行缩放”,然后才能阅读这些网页上的内容。这实际上和上一个是同一个问题,网页只要定义了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%;

}

}

总结

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

如果长期不修复这些问题,网站的移动版网页就无法提供令人满意的浏览体验,那么网站页面就会在移动搜索结果中的排名下降,导致流量的损失,因此,网站的站长赶快行动起来,立刻使用“谷歌移动设备易用性”工具来优化移动网站吧。

  • 相关推荐
  • 大家在看
  • 谷歌:微软 Bing 搜索引擎上最热门的搜索词是「Google」

    据彭博社报道,该律师描述说,「Google」是迄今为止在必应上搜索最多的词。 谷歌正在用这个角度来证明其客户选择使用谷歌搜索而不是竞争对手,而不是因为它是其设备上的默认选项。

  • 简易移动网站构建平台Universe迎来新主题和更多功能模块

    简易移动网站构建平台 Universe 刚刚推出了一项更新,为广大开发者带来了先进的创意空间、增强主题、以及功能模块。得益于 GRID System II,即使缺乏编程经验,新手也能够参照网格式的布局来轻松搭建个人移动站点、或开设一家线上商店。(来自:Universe 官网)Universe 指出,其旨在将此前复杂的编码过程、简化为直观的手势操作,从而让大家获得更轻松的建站体验。公司创始人兼首席执行官 Joseph Cohen 表示:网格系统让 Universe

  • 放弃 Google 搜索引擎,Firefox 欲用必应替代?

    以「To organize the world's information and make it universally accessible and useful」(整合全球信息,供大众使用,使人人受益)为宗旨,背靠复杂的算法,借助准确的搜索结果为基石,Google 搜索引擎已成为全球最受欢迎和信任的搜索引擎,其比位于第二名 bing 足足高出近90% 的市场份额。

  • 谷歌移动搜索搜索结果中获得连续滚动

    谷歌正在逐步为美国手机上的大多数英语搜索推出连续滚动功能。该功能允许用户在点击"查看更多"按钮之前,在谷歌搜索中查看多达四页的搜索结果。Android和iOS谷歌搜索应用都将加入新的功能从今天开始,在美国移动设备上,谷歌搜索的大部分英文搜索都开始使用连续滚动。了解更多信息:https://t.co/ulPL0EaKV0 pic.twitter.com/W0iwL3fdy6-谷歌搜索联络(@searchliance)2021年10月14日当用户滚动过四页内容标记时,仍然会看到一个"?

  • 主打隐私保护的Brave浏览器宣布将默认使用自家的搜索引擎

    今年 6 月,Brave 推出主打隐私体验的搜索服务 Brave Search;现在该公司宣布旗下的 Brave 浏览器将默认使用自家的搜索引擎。目前在美国、加拿大和英国等特定市场的用户将默认使用该搜索引擎来替代 Google。其他国家的用户也将很快看到这一变化。与主要的搜索引擎不同,Brave的搜索引擎不包括用户跟踪,使其成为该公司用户更有吸引力的选择。美国、英国和加拿大的用户现在将默认使用 Brave Search 而不是 Google Search。此外,德?

  • Google用首页涂鸦庆祝搜索引擎上线23周年

    Google周一用一个新的涂鸦来庆祝其23岁生日。这幅动画涂鸦的特点是一个分层的生日蛋糕,上面撒着彩虹糖霜,还有醒目的数字23。这个搜索巨头的名字也被糖霜覆盖,同时还有拟人动画效果,闪烁的绿色生日蜡烛取代了"Google"中的"L"。Google公司于1998年9月4日正式成立,由谢尔盖-布林和拉里-佩奇共同创立。1997年,当时还是斯坦福大学研究生的布林,负责带新生佩奇参观校园。第二年,这对好友在他们的宿舍里一起开发了Google的第一个?

  • 隐私搜索引擎DuckDuckGo宣称已达成负碳排放

    主打隐私体验的 DuckDuckGo 搜索引擎,刚刚宣布其在 2008 ~ 2020 年间实现了负碳排放,并承诺在未来几年内加大努力。该公司称,其正在使用黄金标准来抵消其 125% 的上下游排放量,同时希望为致力于发展除碳技术的 Stripe 气候计划提供等量的帮助。在确定需要抵消多少碳排放时,DuckDuckGo 援引了温室气体协议,将排放主要划分成三大范围与附加活动。其中该公司的“碳排抵消包”涵盖了直接排放、购买能源的间接排放、产品与服务器的

  • 谷歌搜索也已放弃为IE11提供支持

    尽管微软尚未为没有 Internet Explorer 浏览器的世界做好准备,但总部位于山景城的搜索巨头 Google,已抢先一步计划终止为使用 IE11 的客户提供支持。即使用户仍可通过微软 IE 浏览器连接到 Google 搜索引擎、甚至检索内容,但综合体验并不像现代浏览器那样包含那么多的功能特性。另一方面,谷歌更鼓励用户放弃老旧的 Internet Explorer,并转投自家 Google Chrome 的怀抱。与此同时,微软也在努力卸下 IE 的历史包覆、并在 Chromi

  • 谷歌设立Dev Library开源项目贡献与教程专题网站

    Google 刚刚设立了一个名叫“开发库”(Dev Library)的新网站,旨在提供与这家互联网巨头的平台和软件等各个方面相关的开源项目和教程。与 GitHub 之类的开源代码托管平台相比,Dev Library 并不鼓励大家在注册后上传自己的代码和文本,而是提供了由 Google 团队牵头策划的精选内容。这么做的好处,就是能够确保项目和文章的正确性与相关性。具体说来是,Dev Library 提供了包括 Android、Angular、Firebase、Flutter、谷歌云、以

  • 微软必应和Yandex宣布为搜索引擎行业制定IndexNow快速通知协议

    微软必应和Yandex(俄罗斯最受欢迎的搜索引擎)今天宣布全新IndexNow协议,这是网站所有者通知搜索引擎其网站最新内容变化的一种新方式。网站所有者现在可以做一个简单的ping,让搜索引擎知道一个URL及其内容被添加、更新或删除,而不是等待搜索引擎发现内容已经改变。有了IndexNow,搜索引擎立即知道"已经改变的URL,帮助他们优先抓取这些URL,从而限制有机抓取以发现新内容"。另外,通过通知一个搜索引擎,就等于通知所有采用Ind

这篇文章对你有价值吗?

  • 热门标签