应用Google移动设备工具优化站长网站篇
因此做网站要多少钱许多桌面网站可能无法在移动设备上执行。易于浏览和使用。
因此为移动设备设计的网站是增加网络的一个重要因素的影响。为了方便的优化原始桌面网站由网站管理员在移动设备上Google推出了“移动设备易用性”工具来帮助站长优化自己的网站。
关注如何使用工具这个有用的工具使用谷歌的域名您需要越狱来访问它。如果你不知道如何越狱请忽略并跳过这篇文章。
整个网站测试:访问谷歌网站管理员工具中添加一个网站然后测试移动设备的可用性在整个网站的所有页面。
单一网页测试:移动设备适用性测试工具:https://search.google.com/test/mobile-friendly
后打开这个网址输入要测试的完整的web页面的URL单击运行测试系统将抓取网页并执行测试跟踪通常测试过程不会超过一分钟。
测试结果包括以下两个部分:截图相应网页的外观在移动设备上和所有移动设备可用性问题的列表的工具。易用性问题在移动设备上引用问题影响用户使用移动(小屏幕)设备来访问相应的网页包括字体太小(很难在小屏幕上清楚地看到)和使用Flash(大多数移动设备不支持Flash)等等。
有时截图所示的测试结果是不正常的。可能使用的测试失败加载所有资源相应的网页和一个警告消息的“网页包含的资源不能被加载”将显示出来。这些资源是指外部元素包含在网页中。如图像、CSS或脚本文件。这个问题的主要原因可能是网站管理员设置的机器人。txt禁止搜索引擎访问相应的资源。你只需要修改机器人。三种为搜索引擎访问这个资源。
工具优化指导
移动设备适用性测试工具可以检测以下可用性错误。我们可以修改相应的错误。具体的优化和修改方法如下:
1。使用不兼容的插件
页面如果使用插件如Flash删除Flash或使用HTML5。
2不设置视口
窗口属性没有定义网页只需添加以下行网页的头部。
< meta内容= "宽度=设备宽度初始= 1 " / >
3。文本太小读
web页面的字体太小和移动设备用户需要用两个手指“缩放缩放”然后你可以阅读这些页面上的内容。这实际上是与前一个相同的问题。只要web页面定义了窗口属性网站优化然后你可以阅读这些页面上的内容。这实际上是与前一个相同的问题。只要web页面定义了窗口属性这个问题可以得到解决。
4。内容的宽度超过了屏幕的显示范围
网页需要水平滚动屏幕查看文本和图片。这意味着一些元素在页面上使用的CSS样式的绝对值的宽度如980 px所使用的图片和表。宽度等修改这个问题的方法是使用css响应设计方法。当浏览器宽度是0到640之间的像素使用css适合移动设备和设置宽度相对价值或隐藏了一些元素。示例代码如下:
@media屏幕和(max-width: 640 px)
# divSidebar{
显示:没有
}
}
5。点击元素之间的距离太近
网页上的元素之间的间距(如按钮和导航链接)太小导致移动设备用户接触到相邻元素时用手指点击想要的元素。元素。您还可以使用这个问题的响应性的设计方法。只是增加了移动设备上的行高。示例代码如下:
@media屏幕和(max-width: 640 px) {
p{
行高:150%;
}
}
总结解决这些问题后点击“验证修复”允许搜索引擎re-verify网站页面和解决移动设备影响网站的可用性问题。