认识达内从这里开始

对于许多的企业网站来说，首页最上部分一般都是企业的banner图，为了能够更多的展现内容，许多的设计师将banner都设计成为轮播图的形式，但是，真的轮播图就有很好的展现和点击吗，其实不然，反而因为轮播图的图片大小和代码问题导致了许多SEO问题的产生。

今天，我们就仔细来分析一下，到底要不要设置banner轮播图呢。

确保你真的需要使用轮播图

首先，设计不当的轮播图容易被用户当成与他想浏览的内容不相关的广告图片而直接无视。在各种网页中早以身经百战的用户，会选择最快速的方式找到和浏览他们想要看的内容。把精力放在翻看没有预期的轮播图上显然是低效的，一上来就自动进入了用户的视觉盲区。下面的热力图展示了用户的浏览行为习惯：快速扫描找到想要阅读的区域，然后再进行有序的沉浸式阅读，毫无例外他们都忽略了看起来像广告的图片部分。

除此之外，在2013就有研究结果表明，轮播图的交互效果十分不理想： 只有 1% 的用户点击了轮播图上切换按钮，其中 84% 的用户只在首屏点了1次。

还有学者针对30多个B2B的网站的网站进行了研究分析，根据轮播图的内容分成了三类：品牌宣传(Branding)、白皮书/在线研讨会(Thought Leadership)、服务推广(Service Promtion)，发现不管是哪一类的内容，点击率都很低(0.16%~0.65%)：

不仅如此，不少使用轮播图的网站还存在以下几种SEO问题：

复杂的大图导致网站性能低，加载速度慢。一般轮播图都会承载大量的图片信息，尤其是那些首屏就被高分辨率轮播图铺满的网站，这样庞大的图片信息会对加载速度造成很大影响。每多加载1秒，就会流失更多用户。无论是用户还是搜索引擎，都偏好加载更快的网站。

使用轮换的标题。不少开发者倾向于给页面最上方的轮播图片打上

标签，使页面上出现轮换的4-5个不同的

标签，导致相关关键词的检索能力降低。

Flash的使用。部分网站的轮播图使用Flash去展示内容，它能够做出很酷的效果，但却无法被任何搜索引擎抓取。

综上所述，设计不当的轮播图容易被忽略，点击率不理想，还可能会对SEO造成负面影响。所以，我们不应该在还没有仔细思考过页面希望给用户传达内容的优先级和希望达到的效果时，就哪里“需要”哪里搬。事实上，有很多其他方式也能帮助我们解决问题，并带来更好的效果：

1、找到最需要触达给用户的内容，将次要内容放在次级位置展示

谷歌云平台的产品与服务种类繁多，但并没有使用轮播图展示全部产品和特性，而是将浓缩的品牌价值和理念清晰地展现在用户面前，并提供主(免费试用)、次(与销售人员联系)两个明显的转化入口。同时，将其他次要入口铺在下方，让用户可以选择通过顶导航或者继续往下浏览，快速找到感兴趣的内容，如下图：

2、让它成为内容的一部分

氧气是一个专注于提供内衣购买推荐的app，当你按顺序滚动浏览页面的商品时，促销信息会以和通常产品推荐一样的形式出现在你面前，打扰感低，对进入沉浸式阅读的用户转化效果好，如下图：

3、砍掉不重要的推广图，直接展示内容

右边的图片似乎看起来更 “好看” ，更 “吸引人” ，然而在实际场景中用户总是习惯性的忽略banner部分的内容，选择性的浏览正文部分，直接展示用户需要的内容，可以提高用户的检索效率，从而带来更高的转化率：

所以，当你的合作伙伴告诉你他想“加一个banner，能轮播的那种”，先别急于着手画图，不妨按以下的几个步骤和他展开探讨：

这么做的目的是什么，当用户打开页面时，最希望他关注什么内容，这些内容是否能分出优先级

通过已有的研究结论，理性认识轮播图的效果(并非万能，如果设计不当可能带来负面效应)

思考是否有更好的方式去达到同样的目的

当无法抉择时，做AB test

读到这里你可能还会产生这些疑惑：轮播图真的都这么低效难用吗，那为什么还有那么多网站使用呢?为什么我的网站的数据和上面的数据有出入?上面的数据都是基于web场景下的，在移动场景下会有什么不同吗?

诚然，有的场景就非常适合使用轮播图——当用户希望查看的信息以图片形式承载效率最高，并且图片同属于某一类别下，用户有所预期时。谷歌图片的体验就是个典型的例子, 用户在搜索了摸个图片的关键词之后，先看到小图列表，点进其中一个小图查看原始图片后，就能通过左右箭头或者相关图片推荐去浏览更多同类型的图片：

除此之外，还有其他纯粹展示图片或者对外出租广告位的场景也同样适用。

另外，在移动端场景下，由于屏幕的垂直高度更小，轮播图所占的比例更大，交互操作又比web端用鼠标点击有更大的触发区域，点击率通常会更高一些。有学者专门针对移动端的电商网站轮播图交互效果进行了研究分析，得出了与Erik略为不同的结论：23%的用户点击了轮播图上的内容，其中的54.1%在第一张图上完成了转化，其中的15.7%在第二张图上进行了操作。虽然数据图表同样是线性递减的，但无论是轮播图本身的点击率(23%)还是第一屏之后的点击率(总和占所有对轮播图点击的45.9%)，都高于先前Erik在#网站上得到的数据。

由于不同网站的历史背景、用户习惯、关注点和设计方案有所差异，得到的数据可能千差万别。我们需要知道的是，是否使用轮播图本身并非是影响点击转化率的决定性因素，是否有结合实际场景设计合适的方案，才是关键。在适宜的场景下，体验好的轮播图也可以带来令人惊喜的效果。

达内时代科技集团致力于培养面向电信和金融领域Java、C++、C#/.Net、3G/Android、3G/IOS、PHP、嵌入式、软件测试、UID、网络营销、网络工程、会计、UED、web、Unity3D、大数据、童程童美等17大方向中高端软件人才课程与少儿教育课程。选择太原网页设计培训，不再孤军奋战，轻轻松松做IT高薪白领。太原达内培训带领有明确目标的学子迈向成功之路!想找工作的求职者可以加QQ：3373924515（太原达内就业服务部）咨询了解。