SEO优化教程

海外推广移动站体验重要吗,有哪些核心提升指标

一、全球移动端流量超过55.51%

据StatCounter统计,2016年全球移动端流量首次超过桌面端流量,达到51.2%。

StatCounter bar
海外推广移动站体验重要吗,有哪些核心提升指标 1

截至到今天(2019年10月30日),从StatCounter看到的最新数据显示,移动端流量已经达到了55.51%,其中手机端流量52.57%,平板设备流量2.94%。

具体到交易上,移动端市场的支付数据也一路飙升。根据Statista的数据,预计2019年可以达到1.08万亿美元。

移动端市场的支付数据也一路飙升
移动端市场的支付数据也一路飙升

从我自己的观察来看,Google Ads账户实际投放的结果中,Google.com的搜索流量中移动端至少占85%以上。并且多数情况下来自移动端的点击费用都要比桌面端低很多,相应的其转化成本也比桌面端要低很多。

所以,网站移动端体验非常重要,并且会变的越来越重要。

遗憾的是,我看到的绝大多数企业网站的移动端体验极差,有些甚至根本没有做移动端的适配。这就造成很大的流量限制,同时也不利于企业的ROI优化。

二、移动设备适合性测试工具

目前的移动端体验存在什么问题?什么是好的移动端体验?如何才能实现预期的效果?

其实Google早就帮我们想到了这些难点,并发布了一款移动设备实用性测试的在线工具

移动设备适合性测试工具
移动设备适合性测试工具

使用移动设备适合性测试工具

移动设备适合性测试工具非常易于使用 – 只需输入要测试的网页的完整网址即可。此网页所执行的任何重定向都会被该测试追踪。整个测试过程通常只需要不到 1 分钟的时间。

测试结果包括以下两个部分:

  • 相应网页在移动设备上向 Google 呈现的样貌的屏幕截图
  • 所有移动设备可用性问题的列表

移动设备上的易用性有关的问题是指会对使用移动(小屏幕)设备访问相应网页的用户造成影响的问题,包括字体过小(在小屏幕上很难看清楚)和使用 Flash(大多数移动设备都不支持 Flash)。

常见的设备上的易用性有关的问题
常见的设备上的易用性有关的问题

三、常见的设备上的易用性有关的问题

1. 使用了不兼容的插件

该网页包含了大多数移动设备浏览器不支持的插件(例如 Flash)。建议您采用广受支持的新型网络技术(例如 HTML5)重新设计您的网页。详细了解网页动画指南。

2. 未设置视口

您的网页未定义 viewport 属性(该属性用于指示浏览器如何根据屏幕尺寸来调整网页大小及缩放网页)。由于网站访问者使用的设备各异且屏幕大小也各不相同(从大型的桌面设备显示器到平板电脑和小型智能手机),因此您应使用标记 meta viewport 为网页指定视口。有关详情,请参阅自适应设计基础知识。

3. 视口未设为“设备屏幕宽度”

您网页的 viewport 属性已定义为固定宽度 – 也就是说,该网页无法针对不同的屏幕大小进行调整。要更正此类错误,请为您网站的网页采用自适应设计,并将视口设为能匹配设备宽度且能相应地进行缩放。了解如何正确设置视口。

4. 内容宽度超过了屏幕显示范围

此报告会指出访问者在哪些网页上需要横向滚动屏幕才能查看其中的文字和图片。如果网页在 CSS 声明中使用了绝对值,或者网页使用的图片要在特定的浏览器宽度(例如 980 像素)下才能达到最佳显示效果,就会造成这种错误。要修正此类错误,请确保网页为CSS元素使用相对的宽度值和位置值,且图片可以缩放。有关详情,请参阅“调整内容大小,使其适合视口”一节。

5. 文字太小,无法阅读

此报告会列出因字体过小而导致内容模糊不清的网页。移动设备用户需要“张合双指进行缩放”,然后才能阅读这些网页上的内容。要修正此类错误,请在为网页指定视口后,将字体大小设为可在视口内适当地进行缩放。请参阅使用清晰可辨的字体大小,详细了解调整字体大小的最佳做法。

6. 可点击元素之间的距离太近

此报告会列出存在下述问题的网址:相应网站上的触控元素(如按钮和导航链接)间距过小,导致移动设备用户在用手指点按所需元素时通常会按到相邻的元素。要修正此类错误,请务必为按钮和导航链接设置适合移动设备访问者使用的大小和间距。有关详情,请参阅适当调整点按目标的尺寸这篇文章。