博德鲁姆雅勒卡瓦克一家有 24 张桌子的海滩餐厅在赛季初遇到一组奇怪数据:71% 的"主菜"分类点击落在前两个菜品上,而其余 14 道菜几乎无人问津。这不是经典的"菜单盲区",而是分类入口缺乏视觉层级。
Airbnb 发现的转译
Airbnb 2019 年的内部研究显示,以一张大幅英雄图开篇的房源页面比缩略图网格的点击率高出 38%。原因是心理物理学的:一张主导图像集中注意力,然后视线以"次级探索"模式向下扫描。
对餐厅而言,在分类页顶部放一张能传达氛围的大幅图像,菜品列表在下方。客户从"我吃什么?"切换到"这里有什么?"。
三条选择规则
雅勒卡瓦克餐厅给三个分类加了英雄图。三周后,菜品点击的基尼系数从 0.71 降到 0.28。
- 分类氛围而非单一菜品:开胃菜可用俯拍的 4-5 个盘子组合。
- 暖光配人文细节:一只手、一个杯子、自然侧光,而非冷调影棚。
- 3:2 横向,200 KB 以内:移动端首屏可见。WebP 加懒加载。
常见错误
素材图破坏真实感。同一图像跨分类复用会抵消效果。把英雄图缩到缩略图大小违背"主导"原则。英雄图下列出 12 道以上菜品会稀释效果——6-8 项后加"查看更多"折叠。
在 thMenu 后台,每个分类都有 cover_image 字段,通过 CDN 以 WebP 提供。
FAQ
每个分类都需要英雄图吗?至少 3-5 个主分类。饮品和配菜可省。
必须请专业摄影师吗?不必:自然光下的好手机拍摄总比素材图强。
英雄图影响 SEO 吗?间接影响:跳出率下降,停留时间上升。alt 用分类名书写。
觉得有用?分享给朋友。