Michiel Heijmans

Michiel 是 Yoast 的合伙人和我们的首席运营官。互联网老手。他的大部分文章的主要目标是启动您的网站优化。还有很多事要做!

一半以上的互联网来自移动设备的流量(事实)。因此,如果您忽视移动网站,您就有可能错失大部分受众。在本文中,我想介绍几种检查您自己的移动网站的方法。写完这篇文章后,您将能够在关键元素上自行测试移动网站并改进您的移动搜索引擎优化。

使用手机测试您的移动网站

打开手机的浏览器并转到您的网站。看看它的样子。你没有看到建议,是吗?我认识从未做过的企业主。他们花了一大笔钱创建了一个移动网站,但在他们的设计师想出设计后就没有在上面工作了。正如耐克所说:随便。看看你缺少什么。还可以体验表演。

您需要在移动网站上检查的事项:

  1. 首要任务。确保访问者可以立即找到您的主页。询问人们他们可以用您的网站做什么。从朋友和家人开始。
  2. 地址和电话号码。例如,人们使用商店的移动站点来设置其导航。如果您希望客户找到您的商店,请列出您的地址。如果您希望人们给您打电话,这是您移动网站上的主要号召性用语。使其可点击。
  3. 工作菜单和搜索选项。添加汉堡菜单很好,因为它可以节省空间,但要确保它是折叠的。添加了搜索选项作为菜单的备份。
  4. 移动设计和用户体验。确保你的移动站点不仅是整个站点,而且没有适当的响应式缩放,它只能被挤压在这个小屏幕上。确保您的移动网站提供与桌面网站相同的内容,即移动平价。
  5. 按钮和链接。确保它们易于识别并且足够大以便于点击。
  6. 可读性。从屏幕上阅读可能很困难,请确保您的排版没问题。
  7. 表现。网站速度怎么样?和页面体验?

在我们的移动用户体验文章中查找更多信息。

请注意,不同的手机会显示不同的网站。因此,我们建议您通过其他方式检查您网站的移动版本,以发现您的移动网站存在的缺陷。

Google 的移动友好性测试

移动友好性是一个排名因素。移动优先是游戏。谷歌创建了一个测试工具,可以轻松查看谷歌如何看待您的网站。 Bing 也有类似的移动友好性测试。

diy-test-your-mobile-site DIY:测试您的移动网站!未针对移动设备优化的网站的测试结果

Google Mobile Friendly Test 显示您的移动页面的呈现方式。如果页面看起来像上面那个,我想还有工作要做。即使 Google 告诉您您的网站适合移动设备。请记住,这是一项自动检查。请手动检查本文中的所有内容,以确保您没有遗漏任何内容。有时常识比 Google 告诉您的更有价值?

Web 开发人员工具栏

您还可以直接从浏览器测试您的移动网站。在您的 Chrome 浏览器中,只需转到您自己的网站并右键单击浏览器屏幕上的某个位置。点击“检查”。您也可以从菜单栏中的工具 > 开发人员工具中打开它。之后,单击检查器菜单栏中的第二个图标:

 diy-test-your-mobile-site-1 DIY:测试您的移动网站!您网络浏览器中的各种开发工具附带一个有用的响应式设计检查器

如您在上面的屏幕截图中所见,这将打开网站。它允许您查看您的网站是否适合多种屏幕尺寸。 Firefox 有一个类似的功能,称为响应式设计模式。

例如,当您在该下拉菜单中选择任何 iPhone 时,您就会知道您的移动网站不适合移动设备,并且它会显示整个网站按比例缩小以适合屏幕。

性能测试

移动设备友好性不仅仅是检查您的移动网站在浏览器中的外观。性能起着很大的作用。因此,如果您的移动网站要取得成功,性能就必须成为重中之重。同样,有很多工具可以让您深入了解网站的性能。这些工具之一是 Google 的 Web.dev/measures。只需添加您的 URL 并单击“运行审核”。

diy-test-your-mobile-site-2 DIY:测试您的移动网站-2 您的移动网站! 如果你得到这样的分数,那么你的工作就很简单了

该工具将显示一些指标和提高分数的方法。通读这些建议,看看您可以做些什么来改进您的移动网站。还要注意像 PageSpeed Insights 这样的东西,它们可以让你更好地了解你的移动网站的网站速度。

diy-test-your-mobile-site-3 DIY:测试您的移动网站!Web.de 这些SEO增强/措施都与呈现不适合移动设备的页面有关。测试您的移动网站:结论

如果您想检查您的移动网站是否正常工作,请使用浏览器中的“检查”工具和 Google 的移动设备友好测试。要检查您的网站是否适合移动设备,请检查一些详细信息,例如首要任务和按钮大小。如果您想要更多有关拆分设计以适应多个屏幕的指南,请阅读我们开发者博客上的这篇文章。

阅读更多:移动 SEO:终极指南 »

资源