图片来源：Tuchong：宣优科技已获准使用。 随着移动网站流量的增加，拥有适合移动设备的网站是增强网站影响力的重要因素。 诸如Google之类的搜索引擎也极大地增强了移动终端上的搜索体验。 许多台式机网站可能不容易在移动设备上浏览和使用。 因此，拥有易于移动的网站是增加在线影响力的重要因素。 为了帮助网站站长对移动设备上的原始桌面网站进行优化，Google推出了“移动设备易用性”工具，以帮助网站站长优化其网站。 请注意如何使用该工具，该有用的工具使用Google域名，您需要翻墙才能访问它。 如果您不知道如何翻墙，请忽略并跳过本文。 整个网站测试：访问Google网站管理员，在此工具中添加网站，您可以在整个网站的所有页面上测试移动设备的可用性。 单个网页测试：移动设备适用性测试工具：https://search.google.com/test/mobile-friendly打开此URL后，输入要测试的网页的完整URL，单击Run Test，系统将抓取 它的网页和测试跟踪，通常测试过程不超过一分钟。 测试结果包括以下两个部分：移动设备上相应网页外观的屏幕快照，以及该工具发现的所有移动设备可用性问题的列表。 与移动设备上的易用性相关的问题是指影响使用移动（小屏幕）设备访问相应网页的用户的问题，包括太小的字体（难以在小屏幕上清晰看到）和使用
Flash（大多数移动设备不支持Flash）等等。 有时，测试结果中显示的屏幕截图不正常。 测试可能无法加载相应网页使用的所有资源，并且将显示警告消息“网页包含无法加载的资源”。 这些资源引用了网页中包含的外部元素，例如Picture，CSS
或脚本文件。 造成此问题的主要原因可能是网站管理员将robots.txt设置为禁止搜索引擎访问相应的资源。 您只需要修改robots.txt即可取消阻止搜索引擎访问此资源。 工作具有优化准则的移动设备适用性测试工具可以检测以下可用性错误。 我们可以一一修改相应的错误。 具体的优化和修改方法如下：1.使用了不兼容的插件。 使用Flash和其他插件。 删除它，或改用HTML5。 2.如果未设置视口，则不会在网页上定义viewport属性，只需将以下行添加到网页的开头即可。
3。 文字太小，无法阅读网页。 字体太小，移动设备用户需要先“用两根手指缩放”，然后才能阅读这些页面上的内容。 这实际上是与前一个问题相同的问题。 只要网页定义了视口属性，就可以解决此问题。 4.内容宽度超出了屏幕显示范围。 网页需要水平滚动屏幕才能查看文本和图片。 这表明页面上某些元素的CSS样式使用绝对宽度，例如图片和表格使用的980px宽度等。解决此问题的方法是，当浏览器宽度为 之间
当介于0像素和640像素之间时，请使用适用于移动设备的CSS，将宽度设置为相对值，或隐藏一些元素。 示例代码如下：@media屏幕和（max-width：640px）{#divMain {width：100％;} #divSidebar {display：none; }} 5.可点击元素之间的距离太接近网页上的元素（如果按钮和导航链接之间的距离太小，移动设备的用户通常会在用手指点击所需元素时按下相邻元素 您也可以使用自适应设计方法来解决此问题。只需增加移动设备上的行高即可。示例代码如下：@media屏幕和（max-width：640px）{p {line-height：150％; }}解决了这些问题后，单击“验证修复”以允许搜索引擎重新验证网站页面并修复影响网站的移动设备可用性问题。 如果长时间未解决这些问题，则该网站的移动版本无法提供令人满意的浏览体验，并且该网站页面在移动搜索结果中的排名将下降，从而导致流量损失。 因此，网站的网站站长应迅速采取行动，立即使用“ Google移动设备易用性”工具来优化您的移动网站。
可能您还想看