打开任何一个电商网站，网站最先撞进眼睛的网站那张横贯屏幕的大图，就是网站banner。它可能是网站一双鞋，旁边写着“限时五折”；也可能是网站一排色块，告诉你“新人专享188元礼包”。网站这东西不负责讲道理，网站只负责在0.3秒内让你的网站手指停下来。

我做过一个粗糙的网站测试：把某服装网站首页的banner换成纯灰色背景加一行小字，跳出率直接涨了17%。网站banner不是网站装饰画，它是网站网站跟用户说的第一句话。这句话说砸了，网站后面内容再扎实也白搭。网站

它到底占多大地方

PC端常见的网站banner宽度是1920px，高度从400到800不等。手机端就窄多了，750px宽是标配，高度压到300以内——没人愿意在手机上先滑过一整屏广告才看到正文。位置通常在导航栏下方、内容区顶部，偶尔也有嵌在页面中段的“内页banner”，比如商品详情页里推荐搭配的横条。

尺寸这件事没有标准答案。我见过一个卖手工皮具的独立站，banner高度做到1200px，整屏就一张工匠缝线的特写，往下滚才看到商品。转化率反而比常规尺寸高。为什么？因为它的用户是来“逛”的，不是来“找”的。banner高度取决于你想让用户第一眼看到多少信息。

轮播图是个陷阱

很多网站喜欢放三到五张轮播banner，自动切换。数据上，第二张之后的点击率断崖式下跌。用户根本没耐心等它转完。更糟的是，自动轮播会打断阅读节奏——你刚盯上一行字，图换了，视线被强行拽走。

我自己的做法是：首页只放一张静态banner，把最想推的活动砸上去。需要多个入口？在banner下方做一排图标导航，用户想点哪个点哪个，主动权交回去。轮播图唯一合理的场景是节日大促，三张图讲一个完整故事，但必须手动切换，且加进度条提示。

文案比图重要

一张banner拆开看：背景图、产品图、主标题、副标题、按钮。新手容易在视觉上死磕，找最贵的摄影师、修最亮的色调。但用户扫过banner时，先读的是字。图只是氛围。

主标题别超过8个字。“夏季清仓”比“炎炎夏日，清凉一夏，全场服饰低至三折”有效得多。副标题补充具体利益点，比如“满199减100”。按钮文字用动词，“立即抢购”比“了解更多”点击率高——用户要的是行动指令，不是礼貌邀请。

有个反常识的发现：banner上放人物正脸，尤其是眼睛直视镜头的，点击率会降。用户下意识回避被“盯着看”。侧脸、低头、或者只露手部动作，反而更自然。

移动端banner的坑

手机屏幕窄，banner上的字必须大。最小字号别低于24px，否则用户得眯眼。按钮要做得像拇指能轻松点到的尺寸——至少44×44像素。还有，别把重要信息放在banner最底部，手机浏览器底部有工具栏，会遮住。

我见过一个餐饮外卖网站，移动端banner用了横向滚动，三张图并排，用户左右滑。想法不错，但没加指示点，很多人不知道能滑。后来加了三个小圆点，点击率翻倍。细节决定banner是入口还是墓碑。

它终究是个工具

Banner不负责品牌建设，不负责讲清产品逻辑。它只干一件事：让用户产生“我要点一下”的冲动。冲动来自具体利益、视觉反差、或者纯粹的好奇。别让它承担太多。

下次你做banner，先问自己：用户扫一眼，能不能在1秒内知道“这跟我有什么关系”。如果不能，回去改。改到能为止。