使用技巧

DIY:测试您的移动网站!

米歇尔·海曼斯(Michiel Heijmans)

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

diy测试您的移动网站DIY:测试您的移动网站!

互联网流量的一半以上来自移动设备(事实)。 因此,如果您忽略自己的移动网站,则可能会错过很大一部分受众。 在本文中,我想介绍几种方法来检查您自己的移动网站。 撰写完这篇文章后,您将能够在关键要素上自己测试移动网站并改善您的 移动SEO

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

打开手机的浏览器,然后转到您的网站。 看看它看起来如何。 您没有看到建议,对吧? 我知道从未做过的企业主。 他们花了一大笔钱创建了一个移动网站,但是在他们的设计师提出设计之后并没有去研究它。 就像耐克所说:随便吧。 看看你缺少什么。 也可以体会一下性能。

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

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

请在此找到更多信息 我们的移动UX文章

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

Google的移动友好测试

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

diy-test-your-mobile-site DIY:测试您的移动网站!“ src =” https://seotradenews.com/wp-content/uploads/diy-test-your-mobile-site.jpg“ class =” wp -图像2626673未针对移动设备进行优化的网站的测试结果

Google移动友好测试 显示您的移动页面的呈现。 如果该页面看起来像上面的页面,我想仍然有工作要做。 即使Google告诉您您的网站对移动设备友好。 请记住,这是自动检查。 请手动检查本文中的所有内容,以确保您没有丢失任何内容。 有时候常识比Google告诉你的要有价值得多🙂

Web开发人员工具栏

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

diy-test-your-mobile-site-1 DIY:测试您的移动网站!“ src =” https://seotradenews.com/wp-content/uploads/diy-test-your-mobile-site-1.jpg“ class =“ wp-image-2626636Web浏览器中的各种开发人员工具都带有有用的响应式设计检查器

如上面的屏幕截图所示,这将打开网站。 它可以让您查看您的网站是否适合多种屏幕尺寸。 Firefox具有类似的功能,称为 响应式设计模式

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

性能测试

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

diy-test-your-mobile-site-2 DIY:测试您的移动网站!“ src =” https://seotradenews.com/wp-content/uploads/diy-test-your-mobile-site-2.jpg“ class =“ wp-image-2626720如果您得到这样的分数,那么您的工作就很容易完成

该工具将显示一些度量标准和提高分数的方法。 仔细阅读建议,看看如何做才能改善您的移动网站。 还要注意诸如 PageSpeed见解 这样可以让您更好地了解移动网站的网站速度。

diy-test-your-mobile-site-3 DIY:测试您的移动网站!“ src =” https://seotradenews.com/wp-content/uploads/diy-test-your-mobile-site-3.jpg“ class =“ wp-image-2626723Web.de/measure中的这些SEO增强功能都与呈现不适合移动设备的页面有关。测试您的移动站点:结论

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

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

资源