跟着移动网站的流量日益增大,拥有合适移动器材的网站是提升网站阴碍力的重要因素,谷歌等搜索引擎也大力增强移动端的搜索体会,不过,许多桌面版网站在移动器材上可能不太容易阅读及采用。因此,拥有合适移动器材的网站是提升在线阴碍力的重要因素。为了便捷网站站长对于原有桌面网站在移动器材上的优化,谷歌推出了“移动器材易用性”工具来辅助站长优化网站。
一、工具采用想法留心,这个好用的工具用的是Google域名,需要翻墙才能拜访,假如你不会翻墙,那么请疏忽并跳过此文。
整个网站测试:
拜访Google Webmaster,在该工具里添加网站,即可对整个网站的所有页面进行移动器材易用性测试。
单个网页测试:
移动器材合适性测试工具:ssearchgoogletestmobile-friendly
打开这个网址后,将需要测试的网页的完整网址输入,点击运行测试,系统就会抓取网页并进行测试追踪,通常测试过程不会过份一分钟。
测试结局包括以下两个部门:相应网页在移动器材上所展示的样貌的屏幕截图,以及该工具发明的所有移动器材可用性疑问的列表。与在移动器材上的易用性有关的疑问是指会对采用移动(小屏幕)器材拜访相应网页的用户造成阴碍的疑问,包括字体过小(在小屏幕上很丢脸清晰)和采用 Flash(大多数移动器材都不支持 Flash)等等。
有时候,测试结局呈现的屏幕截图并不正常,可能是测试无法加载相应网页所用的所有资源,会显示“网页涵盖无法加载的资源”的警告动静,这些资源是指网页涵盖的外部元素,如图片、CSS 或脚本文件。导致显露该疑问的最主要原因可能是网站站长设置robotstxt制止搜索引擎拜访相应资源,只需改动robotstxt,取消制止搜索引擎拜访此资源即可。
二、工具优化指南移动器材合适性测试工具能检测出下列可用性过错,我们可以针对对应过错进行一一改动,具体的优化改动想法如下:
1、采用了不兼容的插件页面采用了Flash等插件,将Flash删除,或者采用HTML5来替换即可。
2、未设置视口网页未定义vieport属性,只需要在网页头部增加如下一行即可。
metaname=vieportcontent=th=device-th,initial-scale=13、文字太小,无法浏览网页字体过小而,移动器材用户需要“张合双指进行缩放”,然后才能浏览这些网页上的内容。这实际上和上一个是同一个疑问,网页只要定义了vieport属性,这个疑问即可解决。
4、内容宽度过份了屏幕显示范畴网页需要横向滚动屏幕才能察看其中的文字和图片,这说明页面中某些元素的CSS样式采用了宽度的绝对值,例如图片、表格采用的980px宽度等,这种疑问的改动想法是,在css中采用响应式设计想法,当阅读器宽度介于 0 像素和 640 像素之间时,采用合适移动器材的css,将宽度设置为相对值,或者将部门元素隐藏。示例代码如下:
mediascreenand(max-th640px){
divMain{
th100;
}
divSebar{
displaynone;
}
}5、可点击元素之间的间隔太近网页上的元素(如按钮和导航链接)间距过小,导致移动器材用户在用手指点按所需元素时通常会按到相邻的元素。这个疑问也可以采用响应式设计想法,在移动器材上增加行高即可,示例代码如下:
mediascreenand(max-th640px){
p{
line-height150;
}
}结算解决了这些疑问之后,点击“验证修复”,即可让搜索引擎重新验证网站页面,对阴碍网站的移动器材易用性疑问加以修复。
假如长期不修复这些疑问,网站的移动版网页就无法提供令人满意的阅读体会,那么网站页面就会在移动搜索结局中的排名降落,导致流量的亏本,因此,网站的站长迅速举动起来,马上采用“谷歌移动器材易用性”工具来优化移动网站吧。
移动器材合适性测试工具能检测出下列可用性过错,我们可以针对对应过错进行一一改动,具体的优化改动想法如下:
1、采用了不兼容的插件 页面采用了Flash等插件,将Flash删除,或者采用HTML5来替换即可。 2、未设置视口 网页未定义vieport属性,只需要在网页头部增加如下一行即可。 3、文字太小,无法浏览 网页字体过小而,移动器材用户需要“张合双指进行缩放”,然后才能浏览这些网页上的内容。这实际上和上一个是同一个疑问,网页只要定义了vieport属性,这个疑问即可解决。 4、内容宽度过份了屏幕显示范畴 网页需要横向滚动屏幕才能察看其中的文字和图片,这说明页面中某些元素的CSS样式采用了宽度的绝对值,例如图片、表格采用的980px宽度等,这种疑问的改动想法是,在css中采用响应式设计想法,当阅读器宽度介于 0 像素和 640 像素之间时,采用合适移动器材的css,将宽度设置为相对值,或者将部门元素隐藏。示例代码如下: 5、可点击元素之间的间隔太近 网页上的元素(如按钮和导航链接)间距过小,导致移动器材用户在用手指点按所需元素时通常会按到相邻的元素。这个疑问也可以采用响应式设计想法,在移动器材上增加行高即可,示例代码如下: 解决了这些疑问之后,点击“验证修复”,即可让搜索引擎重新验证网站页面,对阴碍网站的移动器材易用性疑问加以修复。 假如长期不修复这些疑问,网站的移动版网页就无法提供令人满意的阅读体会,那么网站页面就会在移动搜索结局中的排名降落,导致流量的亏本,因此,网站的站长迅速举动起来,马上采用“谷歌移动器材易用性”工具来优化移动网站吧。
metaname=vieportcontent=th=device-th,initial-scale=1
mediascreenand(max-th640px){
divMain{
th100;
}
divSebar{
displaynone;
}
}
mediascreenand(max-th640px){
p{
line-height150;
}
}
结算