2020年，全球智能手机销量为15.7亿部，高于2019年的15.2亿部。当我们关注全球平板电脑的出货量和交付量时，这一令人印象深刻的数字仍在继续。在2020年第三季度，仅苹果公司就出货了1390万台平板电脑。这些惊人的数字使我们考虑了对移动网站和网站所有者的影响。对智能手机和其他移动设备的需求导致了46.6亿人与互联网的连接。自去年以来，这一数字增长了7.3％。其中，移动互联网流量已占全球所有互联网流量的一半以上。作为一个网站所有者，该网站的网站不适合移动设备浏览，这是一个非常令人担忧的问题，并且有助于在正确的方向上塑造我们的网站。
现在是时候让网站所有者了解移动用户是头等大事，应该认真对待。如果您仍然通过大量媒体查询来支持桌面网站，并让运气影响您的收入，那么我将帮助您解读自适应设计的重要性以及如何制作高转换率的移动网页。
响应度和转化率许多人将响应速度和转换率视为网站世界中的原因和解决方案对。但是，转换移动网页比使网站具有响应性或移动友好性要复杂得多。当然，响应能力是转换的重要方面，是网站开发的第一步，但仅靠它本身并不能提高点击率。从2015年起，google开始更加重视响应式和移动友好型网站。为了改善用户体验，google不希望人们继续搜索在设备上成比例显示的一个完美网站。此举给网站所有者带来了警钟，使他们尽可能地关注用户体验和移动友好性。
那么，一旦我们建立了响应式网站，我们如何才能提高转化率？公平地说，响应能力更关心于上下扩展您的网站。如果在5.5英寸的设备上按适当的比例缩放图像，则可以得到一个响应迅速的网站。但是用户从不关心响应性。用户更不用担心可伸缩元素，而是更关注这些元素在设备上呈现的速度如何？我的用户更关心自己的偏好和利益。
当内容在移动设备上无法正确显示时，十分之八的用户会反弹。移动网站上的此类异常现象会降低转化率并影响业务。在接下来的部分中，我们将重点介绍本质上具有响应能力的事物（毫无疑问！），但还不足以使用户单击您的cta或从您的网站购买产品。很快，我们将意识到，响应能力远不止于眼所见。让我们看看如何使自己达到用户的期望。
ps –我们已使用lambdatest lt浏览器在各种设备视口中显示网站视图。在此处了解更多信息–?https://www.lambdatest.com/lt-browser
您是否需要手机上的所有内容？
开发移动网站的第一件事就是要在设备上显示的内容。设备的屏幕很小，这意味着您必须在提供给您的狭小空间中显示较少但相关的内容。内容应该能够与用户进行交流，而无需使用太多的单词。用户不会阅读所有内容只是为了发现自己是否感到满意。这是您向他展示他需要看的东西的工作。内容分析可以归结为三个主要类别：标题，字体大小和内容。
什么是完美的标题？网页以标题开头，这可能是用户首先看到的内容。这是您的机会，它决定了用户将增加会话持续时间还是反弹。以下两个网站在google首页上的“房地产解决方案”中排名：
上面的登陆页面来自resgroup，下面的截图来自getrealestatesolution。
除了怪异的标题占用了您宝贵的屏幕空间的25％外，标题还简洁明了，易于阅读。resgroup着眼于长标题（如果是这样），并迫使用户滚动整个页面以找到对他们有意义的东西。值得注意的一点是，尽管通过修饰带有成就的网页来建立对用户的信任很重要，但用户仍需要找到可以使用的东西。他们很少关心您所提供的服务，而更多地关注如何从中受益。请记住，用户只用50毫秒就可以确定该网站。
从上到下滚动并阅读有关您的成就的信息，将会提高跳出率。getrealestatesolution正在建立信任，并将其成就巧妙地显示为一条线：“我们使房地产经纪人和经纪人更加成功”。这或多或少会转化为“我们有足够的能力使您成功”和“如果您加入我们就会成功”。
字体大小：我的用户应该放大吗？字体大小是确定您网站的转换率的着陆页（或其他任何页面）中极其重要的部分。16 px或1 em的字体大小被认为是完美的内容可读性。尽管可能会争辩说他们仍然可以在14 px上正确阅读，但仍要考虑到很大一部分视障人士。根据who的数据，大多数企业的主要目标受众是15-49岁，视力障碍者占28％。以下屏幕快照显示了一个css subgrids博客，其字体为12 px，下方为原始字体。
尽管可以通过放大移动设备来放大文本，但它会将内容移出屏幕，并使屏幕可滚动，这是用户不喜欢的。
关键字的相关性-选择哪个单词？
向用户展示内容时要记住的最后一件事是使用与用户相关的特定关键字。根据2019年的一项研究，手机屏幕非常小，其中5.5英寸是用户中最受欢迎的屏幕。我们希望用一点时间和更小的空间，来尽快获得用户的信任，以便他停留在网站上并且不会反弹。
特定关键字过程首先从消除所有冗余和松散单词开始。诸如“非常”，“非常”，“最佳”等词被视为内容的填充物。“我们非常专业，提供最好的服务”可以转换为“我们专业提供房地产服务”。第二句话比第一个句子更有效，使用的单词少一个。
消除之后，便会投放相关关键字来帮助您转换网页。这些关键字将成为您的用户可以信赖的东西。至少，用户应该完全相信您是最好的，并相信我，写“?best?”对转换没有吸引力。因此，不要选择冗长而有效的词来表达您的信心，经验和专业精神，而要冗长而明确地推销您的项目。在我的分析中，我找到了两个非常清楚地说明这一点的室内设计服务网站。
这是woodenstreet的登陆页面
除了证明我们的字体较小之外，此部分中唯一有效的句子是“根据自己的喜好定制它们！”?这让我感觉到这样一个事实，我可以控制自定义项，但不能控制任何一项。措辞宽松是为了建立对服务公司的信任。
该网站的另一个竞争对手是livespace。他们网站上的同一部分如下所示：
该细分市场通过吸引用户的复杂关键字来关注关键字和体验。我也想要一个知道波西米亚风格卧室的人！（只是在开玩笑！）
另外，请注意这两个网站中同一句子的转换。woodenstreet说：“根据自己的喜好自定义它们！”，livespace说，“您的愿望就是我们的命令！”。
您认为哪一个具有更大的权重来转换您的页面？为了增强内容，您无需删除空格并填补网页上的所有空白。空格很好！它们使元素在拥挤的空间中呼吸，每个元素都可以得到用户的适当关注。对于较大的内容，您还可以使用项目符号，以较少的句子提供更多信息。
为确保您的网站在移动设备上的外观，您可以使用可以模拟体验的工具。像lt浏览器这样的易于开发的浏览器也是一个不错的选择，因为它提供了完整的解决方案，其中包含许多功能（包括调试器）和要分析的性能报告。lt浏览器只需单击两次，即可在您选择的任何移动设备上显示您的网站。
在lt浏览器上测试响应度模拟器和模拟器长期以来一直用于在不同设备上测试网站。但是今天，对于特定测试人员的需求，我们可以利用特定于移动设备的测试浏览器，该浏览器为测试人员提供了完整的环境。面向开发人员的浏览器（例如lt浏览器）可以提供其他功能，其中一些要点如下：
大量内置工具：超过40个内置屏幕的列表可以使您单击几次即可呈现网站。比较网格：比较网格并排显示了两个移动设备，供测试人员进行比较。测试人员还可以使用滚动同步在两个设备上同时镜像其动作。屏幕截图捕获和会话记录：测试人员可以获取设备屏幕的屏幕截图并标记错误，然后将视频/图像发送给团队。第三方集成：第三方集成使开发人员只需单击即可与队友共享错误或问题。网络节流：检查用户体验的一个非常重要的功能是网站在各种网络带宽下的性能。这可以通过lt浏览器中的网络限制来实现。本地测试：本地测试使开发人员甚至可以在将其发布到域服务上之前对其网站进行测试。通过本地隧道，他们可以在本地系统上的任何设备上查看网站。绩效报告：为了分析最终绩效，开发人员和测试人员可以查看绩效报告并共享或保存以供将来使用。拇指区及其在转换中的重要性拇指区域已成为一个有争议的论点，并为移动设计和移动web实施的许多研究奠定了坚实的基础。拇指区域是移动屏幕上的区域，用于确定拇指到达特定点的难易程度。霍伯（hoober）的一项研究得出的结论是，有49％的人用一只手来操作手机，而只有15％的人用两只手来操作。在这样做的人中，有67％的人通过右手拇指担任两个主要职位：
注意：第二张图片比第一张图片稍高。
您在上图中看到的颜色：是我们的拇指区域。通常，单手使用手机的人的拇指区域可以放大如下：
绿色区域最容易实现：因此对于我们的转化目标而言最重要。黄色区域很难到达但可以管理：我们可以在其中放置一些不太重要的内容，例如标题和其他内容，这些内容不可单击。最后，红色区域是最难到达的区域，也是放置cta的最糟糕的地方。
放置cta的另一个最差的位置是页面底部或下方。没有用户愿意向下滚动4 5次并在网页上搜索您的cta。许多人甚至可能不了解cta按钮，以及该网站上是否存在cta按钮。
最好的方法是将cta放在拇指区域中，并放在第一个网页视图的上方。亚马逊在其cta中也提出了类似的想法，以下是其目标网页：
“登录”按钮正是我们的绿色区域所在的位置，其宽度足够使我们不会意外碰到任何东西。
从上面的页面中，我们观察到两个有趣的事情：首先，登录也位于右上角（最困难的位置），并且我们的绿色区域还有另一个cta“创建帐户”。
具有两个登录选项可以提醒用户两次登录。即使