Google移动设备优化工具:云服务器上搭建网页

時間:2023-12-29 22:51:33 作者:云服务器上搭建网页 熱度:云服务器上搭建网页
云服务器上搭建网页描述::

跟着移动网站的流量日益增大,拥有合适移动器材的网站是提升网站阴碍力的重要因素,谷歌等搜索引擎也大力增强移动端的搜索体会,不过,许多桌面版网站在移动器材上可能不太容易阅读及采用。因此,拥有合适移动器材的网站是提升在线阴碍力的重要因素。为了便捷网站站长对于原有桌面网站在移动器材上的优化,谷歌推出了“移动器材易用性”工具来辅助站长优化网站。

一、工具采用想法

留心,这个好用的工具用的是Google域名,需要翻墙才能拜访,假如你不会翻墙,那么请疏忽并跳过此文。

整个网站测试:

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

单个网页测试:

移动器材合适性测试工具:ssearchgoogletestmobile-friendly

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

测试结局包括以下两个部门:相应网页在移动器材上所展示的样貌的屏幕截图,以及该工具发明的所有移动器材可用性疑问的列表。与在移动器材上的易用性有关的疑问是指会对采用移动(小屏幕)器材拜访相应网页的用户造成阴碍的疑问,包括字体过小(在小屏幕上很丢脸清晰)和采用 Flash(大多数移动器材都不支持 Flash)等等。

有时候,测试结局呈现的屏幕截图并不正常,可能是测试无法加载相应网页所用的所有资源,会显示“网页涵盖无法加载的资源”的警告动静,这些资源是指网页涵盖的外部元素,如图片、CSS 或脚本文件。导致显露该疑问的最主要原因可能是网站站长设置robotstxt制止搜索引擎拜访相应资源,只需改动robotstxt,取消制止搜索引擎拜访此资源即可。

二、工具优化指南

移动器材合适性测试工具能检测出下列可用性过错,我们可以针对对应过错进行一一改动,具体的优化改动想法如下:

1、采用了不兼容的插件

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

2、未设置视口

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

metaname=vieportcontent=th=device-th,initial-scale=1

3、文字太小,无法浏览

网页字体过小而,移动器材用户需要“张合双指进行缩放”,然后才能浏览这些网页上的内容。这实际上和上一个是同一个疑问,网页只要定义了vieport属性,这个疑问即可解决。

4、内容宽度过份了屏幕显示范畴

网页需要横向滚动屏幕才能察看其中的文字和图片,这说明页面中某些元素的CSS样式采用了宽度的绝对值,例如图片、表格采用的980px宽度等,这种疑问的改动想法是,在css中采用响应式设计想法,当阅读器宽度介于 0 像素和 640 像素之间时,采用合适移动器材的css,将宽度设置为相对值,或者将部门元素隐藏。示例代码如下:

mediascreenand(max-th640px){
divMain{
th100;
}
divSebar{
displaynone;
}
}

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

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

mediascreenand(max-th640px){
p{
line-height150;
}
}

结算

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

假如长期不修复这些疑问,网站的移动版网页就无法提供令人满意的阅读体会,那么网站页面就会在移动搜索结局中的排名降落,导致流量的亏本,因此,网站的站长迅速举动起来,马上采用“谷歌移动器材易用性”工具来优化移动网站吧。

站長聲明:以上關於【Google移动设备优化工具-云服务器上搭建网页】的內容是由各互聯網用戶貢獻並自行上傳的,我們新聞網站並不擁有所有權的故也不會承擔相關法律責任。如您發現具有涉嫌版權及其它版權的內容,歡迎發送至:1@qq.com 進行相關的舉報,本站人員會在2~3個工作日內親自聯繫您,一經查實我們將立刻刪除相關的涉嫌侵權內容。