10 个最佳移动友好性测试 [+ 移动友好意味着什么?]
已发表: 2022-10-12没有人愿意坐在那里捏捏、戳戳和眯着眼睛看他们的手机,只是为了查看您的网站。 因此,据谷歌称,如果网站不适合移动设备,50% 的人会减少使用该网站的频率也就不足为奇了。
但是您如何确定您的网站适合移动设备? 当然,您可以在自己的智能手机上查看。 但是您的访问者正在使用的数百种其他类型的手机和平板电脑呢?
今天,我们将介绍一系列移动友好性测试,这些测试将为您提供明确的答案和可操作的提示。 对于每个测试,我们都会让我们自己的网站经受考验,因此您可以对结果进行同类比较。 然后我们来看看移动友好意味着什么,以及它如何影响您的搜索引擎优化。 但首先……什么是移动友好性测试?
什么是移动友好测试?
移动友好性测试是一种分析您的网站在移动设备上的外观和性能的工具。 这包括各种智能手机和平板电脑,以及某些电子阅读器。 测试可能会提供等级或简单的通过/未通过,并且通常会提供要考虑的改进列表。
一个好的移动友好性测试会考虑广泛的因素。 这些包括技术因素,例如:
- 网站速度
- CSS 和 Javascript 使用
- Flash 或 Java 等插件
它们还将包括可用性因素,例如:
- 文字在不缩放的情况下是否可读?
- 内容是否适合屏幕而不需要横向滚动?
- 链接和按钮是否易于点击?
但是,虽然大多数移动测试会考虑相同的因素,但并非所有测试都会给您相同的结果。 这就是为什么我们汇总了 10 个最佳移动设备友好性测试列表以供考虑。
10 个最佳移动友好性测试
- https://website.grader.com/
- https://search.google.com/test/mobile-friendly
- https://pagespeed.web.dev/
- https://ready.mobi/
- https://www.webpagetest.org/
- https://tools.pingdom.com/
- https://www.bing.com/webmaster/tools/mobile-friendliness
- https://sitechecker.pro/mobile-friendly-test/
- https://www.woorank.com/
- https://www.browserstack.com/responsive
1.网站评分器
立即获取成绩
Website Grader 是 HubSpot 自己的测试,由直接来自 Google Lighthouse 的数据提供支持。 它对影响您的移动设备友好性的因素进行了 30 分评估。 然后它会向您显示易于理解的建议,以改进您的网站。
不确定这些建议是什么意思? 点击进入有关如何针对移动设备优化响应式网站的免费视频课程。
突出之处:
- 还可以同时对您网站的性能、SEO 和安全性进行评分。
提供可操作的提示:是
费用:免费
2.谷歌手机友好度测试
与其他一些工具一样,谷歌的移动测试提供了简单的通过/失败,而不是等级量表。 您的“页面可在移动设备上使用”或“页面无法在移动设备上使用”。
如果不是,您将看到失败原因列表。 (我们在下面提供了一个失败网站的结果截图。他们的 URL 已被隐藏以保护无辜者。)
Google 的移动友好工具的一个缺点是它只测试单个页面而不是整个网站。
突出之处:
- 单击失败原因将显示受影响区域的屏幕截图。
提供可操作的提示:是
费用:免费
3. 页面速度洞察
Google 的 Page Speed Insights 就像是其移动友好性测试的更大、更强大的表亲。
您将获得对直接影响您的用户体验的各种性能指标的单独评级,而不是简单的通过/未通过。 这样做的结果是您将对网站的性能有更深入的了解。 不利的一面是,如果您还不了解这些术语,则需要进行一些学习。
这使得 Page Speed Insights 非常适合由 Web 开发人员或开发团队支持的网站。
突出之处:
- 提供诊断和可操作的改进机会的详细列表,以及潜在节省时间的估计。
提供可操作的提示:是
费用:免费
4.移动就绪
MobiReady 首先提供您的站点在各种设备上的外观的交互式可视化。 在此之下,它会为您提供 1-5 之间的分数,并将其与前 1,000 个 Alexa 网站的分数进行比较以了解上下文。
在所有这些之下,您将获得一个结果列表,包括好的和坏的,它解释了是什么、为什么以及在哪里可以找到这些问题。
突出之处:
- 任何失败的结果都包含指向如何修复它的链接。
提供可操作的提示:是
费用:免费
5. 网页测试
WebPageTest 的结果以易于理解的简单摘要开始,即使您对技术不太感兴趣。 对于那些拥有更多开发技能的人,单击这些结果将带您深入了解您的性能问题和相关提示。
之后,您可以切换到 14 个不同类别的结果之一,包括您的核心网络生命力、内容和图像分析。
突出之处:
- 查看您的页面如何加载为幻灯片、短视频或流程瀑布。
提供可操作的提示:是
费用:免费
6.平国
Pingdom 为您提供字母等级以及 1-100 的分数。 在此之下,您将获得性能改进建议的简短列表。 单击它们将显示对您的问题的简单语言解释。
这些解释不会将新手变成专家,但它们提供了一个很好的起点。
突出之处:
- 允许您选择测试的地理区域。 (例如北美、欧洲、亚洲等)
提供可操作的提示:是
费用:免费
7. Bing 移动友好性测试
Bing 的移动友好性测试是一种快速简单的工具,非常适合快速签到。
就像 Google 的移动友好性测试一样,Bing 的工具会为您提供简单的通过/未通过以及原因列表。 与 Google 的测试不同,Bing 的许多原因都没有任何解释。
突出之处:
- 显示您的网站在移动设备上的外观的简单呈现。
提供可操作的提示:有点
费用:免费
8. 网站检查器
SiteChecker 给出了 100 分的评分,以及有关您网站性能的大量信息。 虽然他们将其称为移动友好性测试,但您将获得针对桌面和移动设备的大量改进建议。
您会看到有关内容、编码、链接、社交媒体等的建议。 对于每个问题,您都会找到一个“如何解决”按钮,其中提供了有关问题为何重要以及如何解决的信息。
突出之处:
- 还提供了您站点的 CSS 和 Javascript 文件的详细说明。
提供可操作的提示:是
费用:免费试用 7 天
9.WooRank
WooRank 是一种营销 SaaS,以其 SEO 扩展和插件而闻名。 他们的网站评分工具将分析您网站的性能,包括其移动友好性。
几秒钟后,他们会给你一个 1-100 之间的分数; 但是,您需要注册他们的服务才能了解其背后的原因。 这使得 WooRank 的测试对于那些已经在市场上购买一套 SEO 工具的人来说是一个不错的选择。
突出之处:
- 如果您注册一个帐户,您的结果将与他们的其他工具相关联。
提供可操作的提示:注册后
成本:免费增值
10. 浏览器堆栈
BrowserStack 的工具与此列表中的其他工具不同,因为它实际上是一个响应式设计测试。 (稍后我们将详细解释差异。)因此,虽然它不会给您评分或改进列表,但它会让您看到您的网站在十多种不同设备上的呈现方式。
我们将其包含在此列表中是因为它在与另一个移动友好性测试一起使用时非常有用。 您的访问者会根据网站的外观来判断您的网站,就像他们会根据网站的工作方式来判断一样。
突出之处:
- 付费帐户还可以在 3,000 多种不同的浏览器和设备上运行交互式测试。
提供可操作的提示:否
费用:免费
对移动设备友好意味着什么?
“移动友好”意味着您的网站(或应用程序)在智能手机或平板电脑上看起来不错并且运行良好。 许多因素有助于移动友好性,但它们都归结为良好的用户体验。
要被认为是移动友好的,无论读者使用什么设备,您的网站都需要快速、简单且易于使用。
移动友好性会影响 SEO 吗?
是的,移动友好性绝对会影响您的搜索引擎优化。 谷歌在 2015 年罕见地公开宣布他们将“提高移动搜索结果中适合移动设备的页面的排名”。
根据 Sistrix 的研究,考虑到 64% 的搜索是在移动设备上完成的,这很重要。
但是桌面搜索呢? 移动友好性会影响他们吗? 这还不太清楚; 然而,在 2018 年,谷歌表示有意转向移动优先索引。 这是一种奇特的说法,谷歌在选择索引内容时会首先考虑您的移动版本。
虽然索引和排名不是一回事,但我们知道谷歌只维护一个索引。 这意味着可以合理地假设您的移动友好性可能会影响您在桌面搜索中的排名。
响应式与移动友好是一回事吗?
响应式设计是移动友好的好方法,但它们不是一回事。 将移动友好性视为目标,将响应式设计作为实现目标的方式。
响应能力意味着您的网站会自动适应读者使用的任何设备。 文本和图像将缩放以适合大小。 布局将重新排列以适合屏幕。 无论访客是通过智能手机、台式机、平板电脑还是电子阅读器到达,他们仍然会找到优质的用户体验。
不要让糟糕的移动体验让您陷入困境
正如您从屏幕截图中看到的那样,您收到的分数可能千差万别。 因此,重要的是不要过于追求数字。 使用您的成绩作为指导,但要专注于改进,并努力为您的访问者提供出色的移动体验。