厦门网站建设|优化移动搜索的响应式设计

有一种错误的信念,如果您的网站具有响应性,那么它会自动适合移动设备。 错了。 让我解释。 响应式设计维护从桌面到移动的相同网站内容。它需要相同的URL,HTML,图像等。 但是,响应式设计并不意味着满足移动访问者的需求。 响应式设计仍需要针对用户体验进行优化。 话虽如此,谷歌表示响应式设计是他们移动搜索引擎优 WP网站建设

有一种错误的信念,如果您的网站具有响应性,那么它会自动适合移动设备。

错了。

让我解释。

响应式设计维护从桌面到移动的相同网站内容。它需要相同的URL,HTML,图像等。

响应式设计

但是,响应式设计并不意味着满足移动访问者的需求。

响应式设计仍需要针对用户体验进行优化。

话虽如此,谷歌表示响应式设计是他们移动搜索引擎优化的首选,但已经证实,拥有响应式网站不会增加排名。

而且,基于Appticles在Smashing杂志上发表的一项研究,响应式网站是最常见的移动友好型网站,其下降率为51.11%。

以下是您需要了解的有关优化移动搜索引擎优化的响应式设计的信息:

比例图像

图像已经具有响应式设计。但是,对于您的移动用户来说,它们可能不是必需的。我会告诉你一个例子。

这是海军联邦信用合作社在桌面和移动设备上的主页。

响应式设计

现在,这是美国银行在桌面和移动设备上的主页。

响应式设计

如果您是移动用户,哪个网站会让您点击?

美国银行吧?

海军联邦的桌面顶级图像接管了移动网站,没有号召性用语。另一方面,美国银行的CTA是前沿和中心。

重点介绍:如果您正在使用响应式设计,请为移动用户缩放图像。请您的开发人员为不同的视口创建备用图像。不要忘记更新meta name =“viewport”。

干净的导航

创建可点击,易于查看的导航菜单对移动用户至关重要。

我建议您监控移动用户的行为,以了解他们在您的网站上搜索的内容。

然后,根据他们的需求定制导航。

例如,大西洋的主要页面和中心的汉堡菜单将导航保持在顶部。

大西洋响应设计

边栏:Google已确认汉堡包菜单在移动设计中使用“很好”。

重点介绍:保持移动导航简洁。将主页限制为4-8。如果您需要更多,请使用汉堡菜单。

删除移动弹出窗口

Google希望您的移动用户能够快速找到所需内容。

为了帮助他们的移动用户,谷歌推出了在2017年一个新的信号,即表示:

“从移动搜索结果过渡到用户不容易访问内容的页面可能不会排名很高。”

这并不是说所有的弹出窗口都很糟糕。

这是一个糟糕弹出窗口的示例:

响应式设计

该简报占据了整个屏幕,而不会让用户阅读其背后的内容。

这是一个很好的弹出窗口的例子:

内容策略师Popup

图像不会占据整个屏幕,访问者仍然可以看到内容。

关键点:在弹出窗口方面要谨慎行事。有证据表明弹出窗口有效。实际上,Sumo 的弹出窗口转换率为9.28%。勉强踏上。

缩短副本

桌面副本通常不能很好地转换为移动副本。

移动网站上的大量文字可能会挤占并压倒移动用户。

我喜欢通过减少文字来保持简单。我来给你展示。

这是Mint.com的桌面网站:

薄荷桌面网站

现在,这是他们的移动网站:

薄荷移动网站

副本减少到首屏以保持CTA清晰简洁。

他们推送较长的表格副本,以便用户滚动时了解更多信息。

关键点:少即是多。通过减少高于首屏的副本数量来保持高转化率。诱使用户使用初始文本滚动,然后在滚动后为它们提供完整的monty。

设计CTA

iAcquire和SurveyMonkey发现,70%  的移动搜索会在一小时内对网站采取行动。

但是,移动转化次数低于桌面版。

为什么?

号召性用语尚不清楚。

这就是我的意思:

看看Close.io的移动网站:

Closeio移动网站

它们要求用户滚动以查看CTA按钮。

可能他们正在失去移动转化。

现在,这是Flywheel的一个例子。

飞轮弹出

您可以看到他们希望用户“免费注册”以使用他们的产品。

关键点:向移动搜索者明确说明他们的下一步是什么。在折叠上方添加一个清晰的CTA按钮,以便用户单击。

原创文章,作者:网站建设,如若转载,请注明出处:https://www.davidwu.net/archives/10754

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

在线咨询:点击这里给我发消息

邮件:itbound@sina.com

工作时间:周一至周六,9:30-18:30

 

QR code