banner轮播图的利弊？
对于许多的企业网站来说，首页最上部分一般都是企业的banner图，为了能够更多的展现内容，许多的设计师将banner都设计成为轮播图的形式，但是，真的轮播图就有很好的展现和点击吗，其实不然，反而因为轮播图的图片大小和代码问题导致了许多SEO问题的产生。
今天，IT培训就仔细来分析一下，到底要不要设置banner轮播图呢。
确保你真的需要使用轮播图
首先，设计不当的轮播图容易被用户当成与他想浏览的内容不相关的广告图片而直接无视。在各种网页中早以身经百战的用户，会选择最快速的方式找到和浏览他们想要看的内容。把精力放在翻看没有预期的轮播图上显然是低效的，一上来就自动进入了用户的视觉盲区。下面的热力图展示了用户的浏览行为习惯：快速扫描找到想要阅读的区域，然后再进行有序的沉浸式阅读，毫无例外他们都忽略了看起来像广告的图片部分。
除此之外，在2013就有研究结果表明，轮播图的交互效果十分不理想：只有1%的用户点击了轮播图上切换按钮，其中84%的用户只在首屏点了1次。
还有学者针对30多个B2B的网站的网站进行了研究分析，根据轮播图的内容分成了三类：品牌宣传(Branding)、白皮书/在线研讨会(ThoughtLeadership)、服务推广(ServicePromtion)，发现不管是哪一类的内容，点击率都很低(0.16%~0.65%)：
不仅如此，不少使用轮播图的网站还存在以下几种SEO问题：
复杂的大图导致网站性能低，加载速度慢。一般轮播图都会承载大量的图片信息，尤其是那些首屏就被高分辨率轮播图铺满的网站，这样庞大的图片信息会对加载速度造成很大影响。每多加载1秒，就会流失更多用户。无论是用户还是搜索引擎，都偏好加载更快的网站。
使用轮换的标题。不少开发者倾向于给页面最上方的轮播图片打上
标签，使页面上出现轮换的4-5个不同的
标签，导致相关关键词的检索能力降低。
Flash的使用。部分网站的轮播图使用Flash去展示内容，它能够做出很酷的效果，但却无法被任何搜索引擎抓取。
综上所述，设计不当的轮播图容易被忽略，点击率不理想，还可能会对SEO造成负面影响。所以，我们不应该在还没有仔细思考过页面希望给用户传达内容的优先级和希望达到的效果时，就哪里“需要”哪里搬。事实上，有很多其他方式也能帮助我们解决问题，并带来更好的效果：
1、找到最需要触达给用户的内容，将次要内容放在次级位置展示
谷歌云平台的产品与服务种类繁多，但并没有使用轮播图展示全部产品和特性，而是将浓缩的品牌价值和理念清晰地展现在用户面前，并提供主(免费试用)、次(与销售人员联系)两个明显的转化入口。同时，将其他次要入口铺在下方，让用户可以选择通过顶导航或者继续往下浏览，快速找到感兴趣的内容。
2、让它成为内容的一部分
氧气是一个专注于提供内衣购买推荐的app，当你按顺序滚动浏览页面的商品时，促销信息会以和通常产品推荐一样的形式出现在你面前，打扰感低，对进入沉浸式阅读的用户转化效果好。
3、砍掉不重要的推广图，直接展示内容
右边的图片似乎看起来更“好看”，更“吸引人”，然而在实际场景中用户总是习惯性的忽略banner部分的内容，选择性的浏览正文部分，直接展示用户需要的内容，可以提高用户的检索效率，从而带来更高的转化率。
勾蚁奥为： 1、让轮播图看起来像是站点的一部分 将品牌元素贯穿设计始终,使用一致的字体及排版方式,让轮播图成为站点中统一的门面,而不是容易被直接忽略的花哨无序的贴片广告.提供清晰,区分标题、正文和转化入口的层次,提高可读性.更多...
永福县17587069320： 网站首页的图片轮播,用代码写,和GIF图像,从SEO的角度讲,哪个更好? - ？
勾蚁奥为： 从SEO的角度来说用JS搜索引擎是不会收录的,可以用图像加上alt属性去做,当然图片也不能多到用户加载都困难的地步,那样就得不偿失了.不是必须做轮播的话尽量避免吧.
永福县17587069320： 首屏轮播banner是干什么的是什么意思? - ？
勾蚁奥为： 淘宝上面海报的一种,就是一般淘宝上面能滑动下一个的那种,我知道一家可以学淘宝的,看下面的那个图
永福县17587069320： 为什么淘宝首页的广告位轮播图片只有5个 - ？
勾蚁奥为： 首页首屏用户浏览的时间是有限的,轮播图太多也没有意义,有的店铺压根就没有轮播图,在搞活动的时候轮播图的作用更大些,另外就是增加店铺的美观度.
永福县17587069320： 你好,看到你回答的关于图片轮播的问题,我能不能请教你几个这方面的问题呢?？
勾蚁奥为： 可以!这个技术主要是用javascript代码实现,也有的是flash中嵌套javascript代码实现.网上有很多参考代码,可以借用研究.
永福县17587069320： 主图和banner图有什么区别? - ？
勾蚁奥为： 主kv和banner的区别如下:1、定义不同.banner简单来说它就是广告图,是店铺有做活动或者对一款甚至几款产品宣传时候所会展现出来的,一般是放在店铺首页的最上面,当用户进入店铺之后就能马上看到.主图是当我们在淘宝页面输入关...
永福县17587069320： css3轮播效果,然后里面的动画是怎么实现 - ？
勾蚁奥为： 其实是这样的.轮播图其实是一张很宽的图片,根据所在div设置宽度分成几张图片拼接起来的图片.当切换的时候,js移动该div层的背景图片位置也就是操作 CSS的 background-position 属性,来达到看起来好像轮播的效果
永福县17587069320： 网站中、在不同的位置放置BANNER有何意义,为什么要这样放置?？
勾蚁奥为： 放置BANNER只是为了网站设计上的需要,BANNER可以很显眼的表达网站的主体或者要传达的广告信息,从网站优化角度来说,放置BANNER是不利的,以为BANNER一般是动画或者说是FLASH,没有搜索引擎搜要扫描的网站文字信息,从而不利于网页信息的搜索.所以BANNER一般要少用,一个页面在上部分用一个就足够了!
永福县17587069320： 网站上必须要有banner吗?还是可以自选? - ？
勾蚁奥为： 可以自选.网站内容丰富的方式有很多种,不一定非得是banner,看个人喜好或者设计需求而定
永福县17587069320： 企业网站banner轮播点一般做多大 - ？
勾蚁奥为： 10px大小的完全足够了,当然了,也需要根据你具体的情况来调整,如果想要显眼一些的话,也可以调成12px的
