多图轮播有利于网站用户转化和SEO吗,网站图片轮播怎么设置多轮播有利于网站用户转化和SEO吗本文探讨了网站首页主图轮播对网站营销和用户体验的实际效果,以及对网站SEO的影响。找到合适的网页设计方法,为网站创造更多的客户。大图轮播已经成为网站设计的标准配置。在过去的n年里,这种设计已经成为一种必要的网站元素,以至于人们认......
本文探讨了网站首页主图轮播对网站营销和用户体验的实际效果,以及对网站SEO的影响。找到合适的网页设计方法,为网站创造更多的客户。
大图轮播已经成为网站设计的标准配置。在过去的n年里,这种设计已经成为一种必要的网站元素,以至于人们认为在首页的主题区放一张静态图片是不合时宜的。
深圳新龙也是不惜跟风的人之一(我们要做深刻的自省)。
但是经过多年的专家测试和对用户交互和转化的研究,结果超出了我们的预期:
自动轮播会惹恼用户,降低可视性。
权威可用性专家Jakob Nielsen在2013年做了一个幻灯片可用性研究:
在西门子的网站上,访问者被问及以下任务:“西门子对洗衣机有什么特别优惠吗”
西门子网站首页主题区的横幅每5秒钟自动更换一次,虽然这条优惠信息位于最显眼的幻灯片上,因为不断更换的横幅让访问者很难集中精力阅读文字,导致用户没有注意到。
测试用户诉求:“我没时间看。它一直闪得太快了。”
尼尔森通过测试得出结论,图片轮播被人忽略了。
根据上面的测试,尼尔森写了自动轮播引起的可用性问题:
移动UI元素通常会降低可访问性,特别是对于那些运动技能较弱的用户,他们很难点击。
阅读能力低的用户通常没有足够的时间在轮播变化之前阅读信息。
对于国际用户来说,你的网站不是他们的母语,他们的阅读速度会变慢。所以,让他们理解每一张轮播图的含义并不容易。
因为必须依次显示,所以单个项目的可见性降低了。当在任何给定时间只显示一个东西时,用户找到所需物品的可能性将大大降低。在西门子的例子中,折扣信息只有20%的时间是可见的。
当事物自己移动时,用户失去了对用户界面的控制,这使得访问者不高兴。
最重要的是,由于它会移动,用户会自动认为它可能是广告,这使得他们更容易忽略它。
现在(2021年)西门子官网首页没有旋转或者滑动图片:
埃里克·鲁尼恩测试了圣母大学主页的旋转木马。只有1%的访问者点击了幻灯片,89%的访问者点击了第一张幻灯片。很少有人点击任何其他幻灯片。
对一家宠物店的轮播地图的研究表明,只有2%的访问者点击幻灯片,而当使用静态图片代替时,有43%的访问者点击图片。
首页轮播效应不利于SEO。
这个结论来自著名的SEO网站搜索引擎Land:
许多传快递带是使用jQuery、AJAX或HTML5构建的。在大多数情况下,滑块中的标题被包装在h1标签中。根据的基本SEO最佳实践,每个页面应该只包含一个h1标签,并且该标签应该出现在任何其他title标签之前。在轮播中使用h1或任何标题标签的问题是,每当幻灯片改变时,h1标签也改变。如果轮播里有五张幻灯片,那么就有五个h1标签,这就大大降低了关键词的相关性。
Carousel使页面加载速度变慢。轮播和高分辨率图像会极大地影响页面加载速度。加载页面超过两秒会损害用户体验,影响搜索性能。
很多轮播图片根本没有文字内容。内容是关键词排名的必要条件。只有没有文字内容的大图(把文字设计成图片对SEO来说就是没有文字内容)不能指望它在任何搜索词里排名靠前。
更多互动专家反对旋转木马
Ux.stackexchange.com组织了一次“旋转木马有效吗”讨论中,下列专家发了言:
亚当·费罗斯:
我管理的几乎所有测试都证明,carousel传输的内容已经被用户错过了。人们很少与它互动,有很多评论认为这些旋转木马看起来像广告,所以我们见证了横幅失明概念的充分发挥。
在节省空间和内容推广方面,很多竞争信息放在一个地方,可能会导致失去重点。
李·杜德尔:
Carousel可以在主页上有效地表达营销人员的最新想法。
但对用户来说,它们几乎毫无用处,经常被“跳过”,因为它们看起来像广告。所以,他们是一个很好的技术,可以在主页上获取无用的信息。……
顺便说一句,这些观点不是我自己的,而是基于用户上千次的测试。
克雷格·奇斯勒:
在我完成的所有测试中,首页的轮播完全无效。其中之一就是除了初始视图之外的一切都会大大降低访客的互动性。其次,转盘中显示的信息与访问者正在寻找的信息匹配的可能性很小。所以在这种情况下,轮播会变成一个非常大的横幅,会被忽略。……
基于以上论点,我们有理由放弃在首页采用轮播效果。然而,旋转木马不都是有的吗
不是所有的旋转木马都不合适。
如果你图库中的图片表现出很强的关联性,那么这种轮播可以提高用户与网站的互动。
比如电商网站商品详情页中的商品轮播图,有助于提高用户与网站的互动。尤其是在移动终端上使用时。
以上结论是Kyle Peatt及其团队在移动电子商务网站的开发研究中得出的。
参考:
https://www.nngroup.com/articles/autoforwarding/
https://cxl . com/blog/dontuseautomaticimageslidersorcarousel/
https://search engine land . com/home pageslidersarebadforSEOusability63496
https://erikrunyon.com/2013/07/carouselinteractionstats/
https://www . smashingmagazine . com/2015/02/carouselusageexplorationonmobile电子商务网站/
特别声明:以上文章内容仅代表作者本人观点,不代表ESG跨境电商观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与ESG跨境电商联系。
二维码加载中...
使用微信扫一扫登录
使用账号密码登录
平台顾问
微信扫一扫
马上联系在线顾问
小程序
ESG跨境小程序
手机入驻更便捷
返回顶部