B2B独立站，为什么不建议滥用轮播图？这几个首屏设计的小心思偷偷告诉你！

大家好，我是雪梨🍐鸭～

今天跟大家说说网站轮播图，也叫banner，slider，carouse，说的都是像PPT幻灯片一样划来划去的图片，就是这玩意

99%的建站小伙伴，都对这玩意上瘾，觉得网站没有个banner轮播图，总觉得少了点啥。

更有甚者，有的小伙伴开始在轮播图上各种飞来飞去的文字等等吊炸天的特效，动效。

如此繁复的设计，导致拖慢了网页的加载速度，就太不值当了。

海外的哥们，还有人专门做个站，就为了吐槽幻灯片的网页设计

有兴趣的小伙伴可以去看看

网址：https://shouldiuseacarousel.com/

图片来源：独立站截图

So 用户访问我们的网站最关心的问题其实是

卖不卖我需要的产品？

卖的产品符合我的需求吗？

这个公司是真实存在的吗？

以下还有好多种情况：

1. 很多小伙伴的轮播图，一眼看上去，再研究一会儿，还是不知道你是做什么产品的。

2. 在或者，你想放的产品太多了，两张三张不过瘾，然后怼了七八张，就比较要命了。

3.还有不少网站（这个我们遇到了很多）的轮播图上的文字，是直接P到图片上的（按钮也是P上去的

客户点击图片，没有跳转按钮也没有弹窗。

文字一定要处理成文本哈，这样谷歌也好识别你的网站内容是什么，一个图片（当然了，这样的图片也没有设置Alt属性）是不利于SEO优化的。纯纯展示站可以忽略不计，想咋搞咋搞。

那么，哪种情况你可以用轮播图呢？

如果你是行业大拿，业界大触，那就可以任性使用轮播图了。

图片来源：dji.com截图

比如大疆的官网就是轮播图，轮播了很多张。

氮素，这样的大触网站，老客户巨多，有了超级多死忠铁粉，这里的轮播图可以发布最新产品，都是非常必要的。

还有就是，大疆的轮播图每一张都非常能突出展示自己的产品，使用场景，还有Call to Action按钮，都是精心设计的。所以，他们的轮播图除了数量多之外，都是精心设计的，妥妥的王炸！

1案例灵感

网站主页的首屏设计也非常重要，既要吸引眼球，华丽担当，又要吸引到对的人，大家需要要多多发散思维。

一个不错的首页首屏设计，必备4个元素

标题：产品关键词露出，字体要足够大，撰写一个吸引人的标题。大家可以戳如何谷歌SEO撰写标题?SEO工具 | 4款超级实用SEO标题工具，助你写出SEO友好标题了解更多关于标题

描述：对标题进行扩展描述

CTA按钮：Contact Us Now, Ask for a Quick Quote,Call Us,Request a Sample等等文案提醒用户去做出动作，比如提交表单，索要样品，电话，邮箱等。

图片：图片可以是产品图片（透明洋葱皮的产品图片，高大上的产品使用场景图，工厂流程图，生产技术，产品特写，功能概括等等。

千万不要用产品主体不清晰的通用图片，比如风景，户外等等，让用户去猜你是干嘛的，图片一定让用户第一眼就知道你是卖什么产品的。

案例1

图片来源：独立站截图

左边放几款核心产品，右边大标题，描述和按钮（Contact Us Now, Ask for a Quick Quote, Call Us,Request a Sample等等文案来做CTA）

案例2

图片来源：独立站截图

左边放大标题，描述和按钮。标题一定要打出你的核心产品关键词；右边放产品，产品也可以抠图处理，和背景协调，让格调up up。

案例3

图片来源：独立站截图

背景是高清大图，然后打上标题描述，切记不要忘了添加按钮。

PS：这个网站的header设计的是transparent透明背景的，所以看上去浑然一体，更加大气。

案例4

图片来源：独立站截图

背景是一段几秒的短视频，用户可以真切感受到产品生产的场景，流程，工艺等等，更加有说服力。

案例5

图片来源：独立站截图

背景是产品使用场景，然后放上标题，描述和按钮。这几个元素缺一不可。

好了，就先说到这里啦。

（来源：小王子的外贸笔记）

以上内容属作者个人观点，不代表雨果跨境立场！本文经原作者授权转载，转载需经原作者授权同意。​