页面好看只是入门的门票,能够按照浏览动线到达咨询入口的地方,才是真正的高转化布局。访客不会自己把整个网站都看一遍来找联系方式,入口要放在客户感兴趣的时候。

很多企业的网站设计都很用心,但是访客量也不低,咨询按钮却藏在角落里,客户看完之后就走掉了,一个字都没留下这不是流量问题,而是布局的问题。页面布局真正要做的,就是用视觉顺序把访客往下引,一边看一边信,一边信一边问。下面几招都可以直接照着做。
一、首屏决定去留:前三秒必须说清楚三件事情
首页不能只起到“企业名片”的作用
打开页面之后,第一屏的内容基本上就决定了访客是继续浏览还是关闭。首屏要回答三个问题:做什么、为谁做、凭什么选。一句直接的价值主张比“欢迎访问某某公司”要好得多。比如做设备定制的话,可以写成“为中小工厂提供产线自动化改造方案”,客户一眼就能看出找对了地方。
首屏右侧或者下方设置一个醒目的咨询按钮,文案不要用“提交”,可以换成“获取报价”、“免费咨询”、“预约方案”。点击按钮,是为了得到什么东西,而不是为了完成一次提交。按钮的颜色要和页面形成对比,但是不要使用太多颜色,只需要突出一个主按钮就可以了。
首页五个要素自查
① 一句话把业务和对象说清楚
② 一条真实的、可以相信的证据
③ 一个清晰的咨询入口
④ 一个和事情有关的真实图片
⑤ 打消疑虑的小字(例如响应时间等)
二、信任证据链:从上面开始,一个一个地消除疑虑
把页面当作“耐心的销售员”一样进行排列
B端客户不会轻易留下联系方式,顾虑一层层地产生。**布局顺序可以按照如下逻辑进行:吸引注意→展示能力→证明结果→消除顾虑→引导咨询。**第二屏讲产品与服务,用图示、短句代替大段文字;第三屏放真实案例、合作客户、资质与检测报告;第四屏做常见问题解答,再配一次咨询入口。
证据要有具体内容,不能只是罗列各种标志
合作客户标识墙可以保留,但是更有力的是带细节的案例:行业、需求、做法、结果。数字不需要夸大其词,一个可以核实的具体案例胜过十句“服务过上千家企业”。真实的办公环境、车间实景、项目现场的照片比精美的素材图更能赢得信任。
三、视觉动线:让眼睛跟随文章内容移动
按照自己的阅读习惯来布置内容
访客的浏览习惯为“F”型,即把重要的信息放在左上角,把主要内容放在左边,右边留空给按钮或者表单。适当的空白比填满更有说服力,文字块太密集会给人造成阅读压力,客户就会直接划走。
色块、箭头、人物视线都可以起到引导作用。例如展示一个工作人员看向按钮的画面,那么视线就会被引向那里。但是这种手法点到为止,不要使用夸张的动画或者闪烁的元素,否则会给人不专业的感觉。
该做短段落、多留白、主按钮只强调一个
别做满屏弹窗、自动播放视频、密集轮播
该做每屏末尾留一个咨询出口
不要只把联系方式放在页面底部
四、转化入口:全页面均匀分布,不要放在最后面
每个屏幕都要留出口,降低行动的门槛
很多站点只把留言框放在页脚处,客户看到感兴趣的地方找不到入口,热情一降下来,人就走掉了。建议首页各个重要板块下面都要有咨询入口,电脑端侧边有一个悬浮栏,手机端底部有一个可以点开的咨询条,里面有电话、表单两种渠道。
表单尽量简短
表单字段太多是留资的大敌。把必填项缩减为称呼、电话、需求这三项,少填一个字就会少一点阻力。在提交按钮旁边写上“24小时内回复”,可以大大减少客户对于隐私和骚扰的担忧。提交之后要给出明确的反馈,不能让页面处于空白状态。
五、手机端布局:现在必须要先做
手机上的排版不能只是简单的缩放
很多网站在电脑上看起来不错,但是用手机看的时候就很糟糕:文字太小、按钮点不到、需要左右滑动。手机端的字体要清晰易读,按钮大小要根据手指点击的大小来设计,不能出现横向滚动。表单字段在手机上应该更少一些,电话入口要放在拇指方便的地方。
用真实的手机跑一遍:从产品页面到咨询入口要经过多少步呢?超过两个步骤的话就需要优化了。用4G网络走一遍留资流程,会发现很多自己都无法忍受的卡顿和等待。
六、三种自测方式,半小时内找出问题
五秒钟的测试
找几个人,打开首页只看五秒钟,再问三个问题:这家公司是做什么的?适不适合自己?怎么联系?答不上来就改成首页
两步测试
从任意一个内页开始,数到咨询入口需要几步。超过两步的话,就说明转化的路径太长了。
留资测试
亲自走一遍表单的流程,看看每一个字段是不是在劝退。把填写表格的时间控制在半分钟以内,留资率一般会大大提高。
高转化布局不是玄学,而是根据客户心理一步步铺设:先让客户看懂,再让客户相信,最后让客户敢开口。布局改变之后,同样的流量可以产生几倍的咨询量。改版的时候不要急于更换配色和模板,先使用上面的三种自测方法找出最堵的那一段,动一处、观察一周的数据,比一次大改更有把握。