们通过缩小浏览器中页面的大小

bonewa4635

也许正在阅读本文的您非常了解移动友好网站的重要性，并且您知道您的网站与手机上显示的兼容性对网站的 SEO 有重要影响。 在本文中，我将教授测试网站移动友好性的最简单方法。我下面介绍的解决方案从低级开始，一直到专业级。 您将在本文中学到的 是标题的显示 移动友好测试和网站响应能力 2015 年左右，谷歌得出结论，移动用户数量相对于桌面用户数量正在增加。之后，随着mobilegeddon算法的引入，它更加重视针对移动页面显示进行优化的网站。 该算法使响应式和移动友好的网站在使用手机和平板电脑进行的搜索中比未优化的网站获得更好的排名。现在让我们转到解决方案来检查网站的响应能力。第一个解决方案是使用浏览器本身： 1_借助浏览器测试网站的移动友好性 检查网站响应能力的第一个解决方案是使用按钮减小浏览器中的页面大小。


基本上，我来模拟用手机查看网站页面的模式。为此，请访问您想要的网站；然后按 阿根廷手机号码列表 下图所示的缩小按钮： 最小化屏幕 如果您的网站是响应式的，其图像将显示如下： 响应式网站图片 但如果该网站不是 SEO 移动版怎么办？为了更好地理解这个问题，我将以同样的方式测试没有响应的sports 3网站。结果如下图所示： 体育网站无响应 3 正如您所看到的，Sports 3 网站没有响应，这可以从页面底部出现的“水平滚动”标志看出。在响应式网站中，当在较小的屏幕上查看时，元素必须垂直排列在下方，但在非响应式 Sports 3 网站中，网站保持其以前的外观，需要滚动才能看到页面的其余部分。我们有水平 这是检查网站响应能力的解决方案之一，也是在浏览器的帮助下完成的另一个解决方案是使用浏览器的开发人员工具。 2_ 使用 Chrome 中的移动模式测试移动友好性 在这个解决方案中，我们用电脑和Chrome浏览器进入网站后，进入开发者工具部分。




要进入此部分，您可以按组合按钮：ctrl+shift+i或从屏幕顶部的3个点进入更多工具部分并选择开发人员工具选项： 开发者工具 在出现的页面上，选择移动图标（切换设备工具栏）。 这样，浏览器基本上就变成了一个手机屏幕模拟器： 该网站适合移动设备 现在您可以再次检查网站是否响应。照片中标记的移动菜单以及返回底部和顶部的选项等元素的存在表明您的网站已针对在移动设备上的显示进行了优化。现在让我们看看Sports 3网站在本次测试中的表现如何： 体育网站 3 适合移动设备 正如您所看到的，《Sports 3》在移动设备上显示在相同的概述中，我们需要缩放和滚动页面才能看到页面的各个部分。 到目前为止，我们已经了解了两种检查网站移动设备友好性的方法。