AMZ123跨境卖家导航
拖动LOGO到书签栏,立即收藏AMZ123
首页跨境头条文章详情

5个步骤教你轻松优化网站主页

4636
2019-04-08 11:51
2019-04-08 11:51
4636

本文作者 Shopify官方,首发于Shopify中文官网博客 ,授权AMZ123发布。


你的网站主页既是品牌的门面,又能帮助新老客户更好地各取所需。每个细节都应旨在建立更好的第一印象和鼓励特定行为,无论你的目标是售卖产品,还是获取更多的注册用户。主页的设计途径有不少。这篇文章包含一些主页设计的小窍门,不管你是新手还是单纯想升级一下网站都可以参考一下。




01
主页设计过程中遇到的问题



一个好的主页设计并不代表它适用于所有的电商。


如果你正在寻找一个设计方案,但是还摸不着头脑,那么可以先从以下几个问题入手:


· 你希望网站访客完成什么行为?(如立即购买,注册用户等)

· 你如何才能让他们更轻松地做到这一点?

· 实现你的目标需要经过多少步骤?

· 他们需要提交多少信息才能进入到下一步?

· 有可以省略的步骤吗?


有些消费者在访问网站的时候目的性比较明确,但是也有一部分人并不是很清楚。你在设计网站的时候不仅需要考虑到这一点,而且还要综合考虑你为网站所设定的主要目标。




一个好的网站不但要能帮助有目的的消费者得其所需,还应能引导那些没有方向的潜在消费者。




02    主页设计需要达到哪些目标?



网站访问者在主页的平均停留时间应该在10至20秒。从设计的角度来讲这就意味着网站的导航流程需要非常清晰,这样访问者就可以更快地为自己(和你的业务)选取最佳途径。


由于“决策规避”(即人们通常不会花太长时间做决定)的心理现象,使得达到以上这一目标显得更为紧迫。对于网站来说,决策规避也就是退出主页或点击返回按钮。要想避免这一点,网站设计的首要任务就是说服潜在消费者继续留在页面上。


要做到这一点,你需要理解网站最具价值的地方所扮演的角色。



1  能够激发特定行为的“首屏”内容



当一个网站设计师在提及主页的“首屏”区域时,他们指的是在来访者决定下拉页面前所看到的东西。


当你在考虑将哪些内容放在首屏及其如何与主页其它内容联合作用的时候,你应该把重心放在你希望来访者完成哪些特定行为,他们所需要的初步信息,以及你怎样可以帮他们做决定这些方面上。



以上图的Morning Recovery网站为例,他们的业务是售卖一款防宿醉产品。所以他们的目标是引导潜在消费者购买他们家的龙头产品,为达到此目的他们设计了一个颜色鲜艳的、以产品为中心的视觉和一个清晰的行为号召按钮(Call to Action,以下简称CTA)放在他们的“首屏”区域,以引导潜在消费者进行购买。


消费者在该页面面临两个可选捷径:


1. 点击下一步进行购买

2. 首屏下拉获取更多信息——用户评价,视频,有关产品原料的信息。


许多网站头部会使用一个醒目的标题和具有说服力的副标题,以及引人注意的视觉来吸引新用户并带领他们对品牌进行更深的了解。


其实从一开始你就可以通过许多方式来吸引消费者,比如说在导航栏上方设计一个促销类横幅,可以是特价促销或免邮等。



2清晰的导航栏



一个主页的导航栏清晰与否取决于它的简洁度。这可能跟你要满足不同消费者的需求有点自相矛盾,但你得保证消费者能够在主页上能够进行快速浏览。


头部导航应该越简洁明了越好,将多数消费者的需求放在首位。Orbit Media Studios的策略总监Andy Crestodina认为网站上不应有超过7个的导航链接。


人类使用一种叫做“组块”的记忆法,将信息分解成较小的“组块”单元进行记忆。


“组块”越少,记起来就越容易。在1956发表的一个颇具影响力的研究中,心理学教授George Miller总结说,我们的短期记忆通常只允许一次性容纳7个项目。



那些含有太多导航项的网站,往往会给人一种拥挤杂乱的感觉,因而会增加用户离开或者走错路的可能性。一个比较好的策略就是合理安排导航项,从左到右安排,将最重要的页面放在左侧。


如果你有很多产品和系列,那么把重点放在主要的高级系列上,使用超级菜单或者下拉菜单来创建二级导航。


二级导航能够更好地帮助你对产品和页面进行组织分类而不影响消费者的购物体验。



就拿UNCONDITIONAL的主页(如上图所示)来说,他们巧妙地通过简单的主导航和二级导航展示丰富的产品类目。


有一些网站还会根据自己的主要需求在主导航栏上设立了介绍页面(关于我们)和联系页面,常见问题(FAQ)页面,或者其它的页面。


但是如果你发现这些页面的转化效果不如预期,那么它们很可能是转化失败的问题所在。如果是这样的话,最好把它们放在网页底部。




3吸引眼球的视觉



决策规避不仅体现在导航栏上,网站上其它的因素也会对其产生影响。在设计网站的时候清楚地认识到用户注意力的有限能够帮你分析主次因素。


无论你是对某个产品或系列进行促销,还是想吸引潜在客户,视觉在吸引用户的注意力方面扮演者极为重要的角色。


以下是将视觉整合到主页首屏区域的一些途径: 


添加含文字的图片



这种首屏视觉的风格通常由一个单独醒目的图片,一句简单的文案和一个行为号召按钮组成。对于那些希望把诸如限时优惠、龙头产品或当季系列之类的主要促销放在首屏上方的电商来说,这是最佳的途径。


图片幻灯播放



你也可以考虑使用图片幻灯播放来展示一个特定的折扣,一组产品或者高清产品图。


对于那些拥有一些类目且产品丰富的商家来说,这是一个不错的手段。他们可以用它来推广其中一些产品系列或希望推广的页面。


你需要合理安排播放的先后次序,先放最主要的。而且建议不超过三个图片,因为消费者在进入下一步前不会花太长时间看一张图片。


视频



一些品牌会从主页上一个背景介绍的视觉中获益。但是对于那些创意性强或者较为复杂的品牌来说,在真正感兴趣之前可能有必要先告诉消费者如何使用产品。


以Bottle Cutting Inc的主页为例,许多访客可能还不知道他们到底需不需要他们的产品,所以品牌在主页上通过添加视频展示来增加刺激性——这也是转化过程的一个很有必要的步骤。


由于视觉起到直接和明显的作用,所以必须确保它们的高清质量及其品牌的真实代表性。


如果你不是专业摄影师,你可以请一位专业摄影师或者使用Shopify模板编辑中的image picker的免费素材图库。




4 一个直接的CTA



可以把CTA理解为高速公路的出口标志,它应该简短精悍,醒目而且能够对需要帮助的司机起引导作用。


你的CTA及其链接需要能够引导消费者采取符合主页主要目标的步骤。它可能会转至最新产品系列的链接或者让用户观看视频来获取更多信息。


从CTA按钮独特的设计中,消费者应该马上知道点击哪里。找到这个按钮所需的时间越长,消费者就会越迷失方向或直接放弃。



上图所示的PopSockets主页,在带领消费者走上理想的转化道路方面就做得很不错。他们用醒目的产品视觉来吸引注意力,而且黑白相间(与背景色区分开来)的CTA按钮在前方正中央。


首屏上方所显示的内容也是主页的主要目标:引导用户直接浏览最新产品线。在你下拉时,你可以看到更多的CTA按钮来购买其他产品。



5易于访问的购物车



对于许多电商网站来说,购物车属于主页中不可分割的一部分。


让导航栏更直观的其中一个目的就是确保购物车更容易被找到。一个“置顶”购物车(有时候又称“slide-out”购物车,可在部分Shopify模板中找到)是一种在浏览过程中全程显示的购物车,一般在页面右上角显示。


不仅如此,它还可以显示购物车里已有的商品数量。一个显眼的购物车提示,不但显示了已加入购物车的商品数量,还可以提醒消费者他们的购买正在进行中并鼓励完成购物。




底线:使购物车一目了然而且容易进入。



Chubbies在主页设置了一个红色提示,旨在提醒消费者购物车内的商品数量,而且还有一个置顶购物车,使得消费者很容易就可以继续购物或直接结账。



6一个搜索栏 (适用于更多的产品系列)



除了简洁明了的导航栏与置顶购物车之外,很多电商会在主页添加一个“搜索栏”来帮助那些目的性比较明确的访客搜索想要的产品,特别是在网站上有很多产品或是很多内容的情况下。



旗下拥有一系列各种各样化妆品的Morphe就是一个很好的例子。为了让消费者更容易找到他们想要的产品,Morphe添加了一个智能搜索栏,它可以自动完善访客的搜索需求并推荐相应的产品,系列或者页面。这就在主页和访客目标页之间建立了直接的桥梁。


一般来说,在经过一个完整搜索的消费者更容易完成转化。如果你的品牌旗下拥有很多产品,一个简单快捷的搜索栏对于可能会将顾客拒之门外的复杂导航来说是一个不错的选择。


如果你想在你的Shopify商店里添加一个智能搜索,你可以试一试Smart Search & Instant Search或者Instant Search +。



03
首屏之外:其它要考虑的元素



在首屏下方提供的元素(当用户下拉滚动时)不一定就不重要——他们通常是对已有内容的强调和拓展,为相同的转化目标提供其他的实现途径,而且让消费者更容易访问其它页面。


以下是一些可以加入主页设计或底部的元素,可以根据你的网站目标来选择。


博客、视频及其他内容


博客和视频内容对于SEO来讲很重要,但是首屏上方的内容足以转移消费者的注意力并让他们对产品失去兴趣。你所需要的是能够引导潜在消费的内容,而不是其它的杂七杂八的东西。


可以考虑将内容链接置于首屏下方,或者放在网页底部,特别是当内容不是业务的核心方面,但它可以让决定浏览网站的潜在消费者找到这些内容。


如果你要推广内容,你可以在主导航栏添加一个链接,但是这类推广最好放在社交媒体上,邮件或第三方网站传播,这样可以从网站外部引流。



举个例子,售卖环保且易携带的炊具和照明设备公司BioLite Energy通过将包含主要信息的主页视频内容插在首屏与网页底部之间的地方,避免了用户将注意力分散到他们的核心价值主张之外。其他从博客到YouTube频道等内容都在其下方。


社会认同:用户评价、认可与媒体报道


社会认同是对品牌的认可,通过利用来自老顾客或专家的现有信任来获取潜在消费者的信任。它可以包含媒体报道,用户评价,社交媒体发布,Instagram发图或者红人或专家的认可。


如果你拥有具有说服力的社会认同,建议可以将其放在主页上。


下图显示的ErgoDox主页截取了社交媒体上的一些使用心得以及来自知名公司员工的推荐来作为其产品质量作担保。但是他们把这些内容放在靠近处,在这之前介绍了产品的功效。




低优先级与附加产品


可以把比较早的产品和附加产品放到主页靠近网页底部处。你需要重点推广龙头产品或最新产品线。


那些可以作为主产品的补充且不是特别贵的产品可以作为结账时的增销推广,也可以放在首屏下方方便消费者知晓,如果你卖的产品需要更换零件或替换的话。


LIV Watches主要卖手表,但是他们也推广像表带之类的优质附加产品,把它们放在主页靠近底部的区域。



低优先级页面

     

低优先级页面因业务模式而异。


通常情况下,像服务条款,隐私权政策和退货政策这样的页面都是放在网页底部。因为大多数网站都会将这些页面的链接放在网页底部,所以很多用户如果需要去这些页面的话会直接去网页底部找。


其它如关于我们,联系信息,店铺地址,或者订单跟踪页面等也可以加到网页底部。但是如果这些页面真的能够帮助你获得转化,或是实现其中一个主要目标的话,你也可以考虑在主导航栏上为其安排位置,甚至是加到主页设计中。


例如,一个售卖订阅服务的商家如果在主页导航栏上添加一个明显的FAQ可能会很大地降低销售量。或者,像Bellroy这样一般需要线下购买产品的商家,你可以通过明显的Store Locator(店铺定位)链接帮助消费者定位实体店铺。


     

在决定一个页面是否属于低级别,问问自己如果你直接将访问者导航至该页面的话你会获益多少,以及你是将消费者驱离还是导向预期效果。



04

符合手机的主页设计 



手机网页浏览量在过去近十年内持续增长。由于你的一部分流量是来自手机用户,在主页设计的过程中也需要考虑到手机用户这一因素。


简化主页,引导用户的特定行为对于手机用户来讲尤为重要。



如果你是Shopify用户,在Shopify模板商店里的任何一个模板元素都会根据屏幕大小进行自动调整。但是,你要考虑到那些在电脑桌面上完美展示的图片在手机屏幕上看起来可能因为被截图看起来有点怪。CTA按钮可能有点难找,或是被调到一个不太显眼的地方,这样消费者很容易就错过。


在Shopify模板编辑中,通过预览顶端的切换选项你可以很容易地预览各种主页设计在不同设备上的效果。



05
过一段时间后升级设计



你可能也很清楚,完成一个网站的主页设计没有一个绝对的解决方案。像人口统计、品牌推广、商品数量、营销渠道或其它因素都可以通过复杂的方式影响到用户行为。


这也就是为什么要经常把主页设计看成是正在进行中的项目,在一段时间后通过流量和销售量来评估并调整主页。





免责声明
本文链接:
本文经作者许可发布在AMZ123跨境头条,如有疑问,请联系客服。
最新热门报告作者标签
俄罗斯电商市场快速增长,综合平台优势大于独立站
AMZ123获悉,近日,Euromonitor、EMARKETER及Yakov and Partners发布了《俄罗斯电商市场发展现状》报告。报告基于2020-2024年的数据,对俄罗斯电商市场的发展趋势、综合电商平台与独立电商的竞争格局、各品类表现、未来市场预测进行了系统分析。一、俄罗斯电商趋势1.互联网渗透率增长放缓2020至2024年,俄罗斯互联网使用率从78.1%(约9560万用户)提升至85.5%(约1.04亿用户),四年间增加7.4%(新增约790万用户)。俄罗斯的互联网渗透率增速正在逐年放缓,预计到2029年互联网渗透率将达到89%(约1.08亿用户)。
越南加强进口商品监管,修订多项增值税和海关规则
AMZ123获悉,近日,越南海关公布了2026年对增值税(VAT)、特别消费税(SCT)及电子交易管理的多项修订,核心在于统一税制规则、扩大免税范围并加强跨境与电子化申报管理。此次调整既有减轻企业合规成本、扶持出口与产业链升级的内容,也伴随对部分消费品与临时进口再出口环节的更严监管,直接影响生产、进出口和跨境电商卖家。在增值税方面,新法律将此前零散的官方函件并入法律和配套法令,提升透明度并便于电子化处理。关键变化包括扩大增值税免税目录:列入政府清单的自然资源与矿产(无论原料还是加工品)在出口时被明确归为增值税免税项目。
TikTok Shop黑五复盘,一堆中国卖家晒出百万GMV
黑五复盘,TikTok卖家:“库存差点给我爆完了!”
存生命危险!美国CPSC紧急召回超1万件儿童手写板玩具
AMZ123获悉,近日,美国消费品安全委员会(CPSC)宣布,紧急召回亚马逊在售的KTEBO品牌的儿童书写板玩具,原因是该产品未能符合玩具类产品的强制性安全标准,电池仓固定螺丝无法保持牢固,可能导致纽扣电池外露。若儿童误吞纽扣电池,可能造成严重伤害、内部化学灼伤,甚至威胁生命。此次召回涉及KTEBO品牌的双件套书写平板玩具,召回数量约10,380件,产品提供四种颜色组合,包括粉色/蓝色、绿色/黄色、橙色/蓝色以及紫色/红色,并有8.5英寸与10英寸两种规格,每套配有与机身同色的手写笔。
AliExpress波兰11月增长显著,双十一活动日活用户增长37%
AMZ123获悉,近日,AliExpress的数据显示,平台11月的消费者参与度与卖家销售额大幅增长。今年11月11日至19日举行的AliExpress双十一购物节活动期间,波兰用户的参与度显著提升,日活跃用户数量同比增长37%。随着去年秋季AliExpress开放波兰本地卖家入驻,今年波兰本地卖家的参与度也明显提高,他们在此次双十一促销期间的GMV同比增长74%。从消费偏好来看,智能生活类产品持续吸引波兰消费者,智能家居与清洁设备成为销售榜单的主导品类。Dreame、ILIFE、Laresar等品牌的扫地机器人和自动吸尘设备进入最畅销产品行列,反映波兰家庭对智能化、便捷化生活方式的需求不断上升。
亚马逊印度计划投资127亿美元,推动本地云和AI基础设施建设
AMZ123获悉,近日,亚马逊宣布,将在2030年前进一步推动人工智能在印度的普及,计划投入127亿美元建设本地云和AI基础设施。亚马逊表示,这项长期投资将为超过1500万家中小企业带来AI应用能力,同时在2030年前为400万名公立学校学生提供AI素养课程与职业教育,提高数字技能普及度。亚马逊认为,AI正成为提升印度数字包容性的关键力量,能够突破语言、读写能力与访问渠道的限制,让更多个人与企业受益。在中小企业领域,亚马逊正在推出新一代AI工具,以降低经营门槛、简化业务操作并提升增长效率。
“黑五网一”DTC投放数据复盘,流量都去哪了?
2025 年“黑五网一”大战,终于落下帷幕。除了 GMV ,这场仗花了多少“弹药”,你算清楚了吗?流量场上的每一发子弹,都正中靶心了吗?偏离的原因找到了吗?除了看自己后台的数据,还要看清整个大盘的趋势——这决定了我们下一步该往哪儿走。基于 GoodsFox 监控的投放数据,我们有以下发现:服装、美妆的竞争力度只增不减3D 打印与机械键盘,从“小众圈层”跃升为热门赛道宠物经济的流量稳定,不靠爆点也能撑起大盘这些变化背后,都在重塑今年“黑五网一”的投放结构,我们先从流量基本盘讲起——尽管每年都有新风口,但从广告投放的绝对体量来看,传统大盘仍在支撑整体流量水位。
还在“索评”?亚马逊Review管理的红线与出路
亚马逊的评论管理格局是如何改变的?首先要明确一点:过去几年,亚马逊的Review生态系统发生了剧变,这对各类管理工具产生了深远影响。在买家端,那些专门用来标记“虚假评论”(或帮助买家鉴别真伪)的老一代工具正在失效甚至消失。不少买家就因为Fakespot在平台冲突、合规问题和数据接口变更的压力下关停而感到措手不及。Fakespot是一个分析电商产品评论真实性、帮助消费者识别虚假评价的平台。在卖家端,亚马逊的政策合规和风控机制变得更加严厉。这意味着Review的风险红线变了:以前那些“地毯式索评”或“送测(Giveaway)”的套路可能有效,但现在操作这些手段的封号风险极高。
AMZ123PayPal计算器使用指南及常见问题详解(内附计算公式)
Paypal手续费计算器介绍及计算公式分享 https://www.amz123.com/tools-paypal
重磅!亚马逊公布2026年战略重心变化
AMZ123获悉,12月4日,2025年亚马逊全球开店跨境峰会上,亚马逊回顾了过去一年里中国卖家在亚马逊上所取得的进展,并围绕2026年四大业务战略重点——供应链服务、AI赋能、全球拓展布局、本地服务,揭晓了40余项创新举措。根据亚马逊披露的数据:2025年以来,中国卖家通过亚马逊全球站点售出数十亿件商品,在美欧等成熟站点的销售额增长超过15%,在新兴站点的销售额增长超过30%;2025年以来,销售额达到200万、500万、800万美金的中国卖家数量,增长均超过20%;销售额超过1000万美金的中国卖家数量,增幅近30%。
卖家还在等口径!欠税公示制度却已明确落地
卖家还在“等政策”,但政策已明确趋严过去几个月里,跨境卖家对税务政策最大的期待就是——“能不能再等等,看会不会有新口径”。但事实上,政策并没有往宽松走,而是沿着“数据透明—提醒申报—强化监管”这条路径一步步推进。AMZ123了解到,目前已有超过7000家境内外平台完成涉税信息报送,卖家的线上线下销售数据已全面纳入监管体系。随着数据比对展开,税务部门对申报明显低于平台数据的经营者陆续发出提示,要求补充申报;多数卖家在收到提示后完成了更正,但也的确还有部分经营者迟迟没有动作,继续处于观望甚至低申报的状态。在这种情况下,监管的态度也开始变得更为明确:对于未按规定申报的行为,将从提醒阶段进入到强化管理阶段。
亚马逊新功能,能救你一整条链接!
最近有卖家后台发现,亚马逊多了一个新功能,看起来不起眼,实则很关键——绩效提醒(Performance Notifications)。这个功能解决了我们运营过程中的一个老大难:链接出问题时能不能第一时间被提醒?以前我们发现Listing出状况,大多靠“事后诸葛”:出单突然断了,去查是不是被下架;关键词排名一夜暴跌,才想起去对比转化率;广告Acos拉爆、CTR异常,才知道图可能挂了;等你发现问题,可能已经晚了。这次,亚马逊终于“良心发现”,开始主动提醒你链接的数据异常了。这个新功能到底能干啥?说白了,它就是一个链接级别的数据异常预警系统。
汽配类目又现吸金王,TikTok卖家30天入账1100万
月销量暴涨36007900%,这一汽配用品在TikTok卖爆了
跨界AI失败?深圳大卖资产重组终止!
12月2日,跨境3C 配件大卖杰美特发布公告,宣布决定终止筹划以现金方式收购AI 算力解决方案提供商思腾合力(天津)科技有限公司(以下简称“思腾合力”)控制权的重大资产重组事项。这场筹划半年、备受行业关注的跨界收购突然落幕,消息一出引发市场热议。AMZ123获悉,杰美特于2025年6月21日首次披露了筹划重组的提示性公告,拟通过现金交易控股思腾合力,该交易初步测算构成重大资产重组,且不涉及发行股份、不构成关联交易,也不会导致公司控制权变更。杰美特是“中国手机壳第一股”,主营业务为移动智能终端保护类产品的研发、设计与销售,产品包括手机、平板及穿戴设备的保护壳与表带等。
宠物消费持续升温,亚马逊10款月销过万宠物产品推荐
AMZ123获悉,近日,亚马逊各类产品搜索量增长显著,以下10款产品在亚马逊上销量表现突出,深受消费者欢迎。1. 猫咪情绪舒缓喷雾预计销售额:139.84万美元/月销量:26,000+星级评分:4.4好评数量:12,694+图源:亚马逊产品描述:FELIWAY Optimum猫咪情绪舒缓喷雾的专利信息素复合物能显著减少猫咪的应激表现,包括喷尿、抓挠、恐惧反应、紧张冲突等。产品无药性、安全且不干扰人类与其他宠物,每个喷雾覆盖面积约 700 平方英尺。
TikTok Shop英国站黑五创历史新高,销售额同比飙升50%
AMZ123获悉,近日,根据TikTok的公告,TikTok Shop英国站在今年黑色星期五期间创下平台历史最高销售纪录,整体销售额较去年同期提升50%。高峰期出现在黑色星期五当天,当日每秒售出27件商品,刷新TikTok Shop在英国的单日销售纪录。今年消费者开始促销季的时间更早,“假黑五”(Fake Friday,即黑五前一周)的销售额达到去年黑色星期五的纪录水平。黑五周末期间,“TikTok Shop Black Friday”搜索量同比增长404%,成为2025年与黑五相关的最高热度搜索词。同期,平台活跃购物人数较去年增加28%。
《亚马逊生活日用品类攻略手册》PDF下载
作为日常生活不可或缺的重要组成,生活百货品类覆盖范围广泛,包括家居用品、家具、车用配件、户外装备、园艺 工具、运动器材、家装用品、厨房、玩具以及宠物用品等众多领域。这类产品不仅是满足基本生活所需,更体现了人们对美好生活的向往和追求。
《掘金泰国-市场洞察与战略机遇报告2025》PDF下载
随着全球经济一体化的加速,泰国作为东盟的核心枢纽,凭借其独特的地缘优势庞大的消费市场以及持续优化的营商环境,成为众多企业战略布局的重要目标。本报告深入剖析泰国市场的政策红利、消费趋势、产业机遇以及合规挑战,旨在为有志于开拓泰国市场的中国企业提供行动指南,助力企业在东盟这片充满活力的土地上把握机遇、应对挑战、!实现可持续发展。
《2025欧美假日购物季营销指南》PDF下载
2025年美国假日购物季零售额预计同比仅增长1.2%,总销售额约1.359万亿美元,虽仍保持正增长,但为2009年以来最低增速,市场正在步入低增长的新常态。
《2025年跨境电商东南亚市场进入战略白皮书》PDF下载
东南亚电商,正以惊人的速度复刻中国电商高速增长的黄金时代。2024年东南亚电商GMV达到1284亿美元,短短5年涨幅超过3倍。全球电商2024年GMV增幅最快的十大市场中,东南亚独占四席。东南亚是拥有约6.7亿人口的广阔市场,在现今全球关税的不确定性大格局下,因其电商基建完善,利好的贸易政策,和更高的年轻人口占比,成为跨境卖家生意拓张焦点之一。
《2025年TikTok Shop玩具品类行业报告(欧美站)》PDF下载
分析TikTok Shop美国市场、英国市场、西班牙市场、墨西哥市场等主流市场点短视频及直播电商数据,选取TikTok与玩具爱好品类相关的内容进行分析报告。
《2025 洗护品类趋势与创新洞察》PDF下载
本报告独特价值:将消费者的“行为结果”据),揭示消费者深层心理动机、并能精准预判未来增长机会
《亚马逊双轨增长指南》PDF下载
亚马逊以“以客户为中心”为核心理念,通过整合B2B与B2C的全渠道服务,帮助卖家实现“一店双拓”-- 一次上架,同步触达个人消费者与企业买家,获得双重收益。同时,基于Direct to Buyer(直接触达买家)的模式,更能有效减少中间环节,提升利润空间与品牌掌控力。
《亚马逊全球线上商采趋势与区域洞察》PDF下载
随着全球企业数字化转型的深入推进,B2B商采有望成为下一个万亿级别的蓝海市场然而,中国卖家在开拓海外企业商采市场时往往面临着一个关键挑战:难以准确把握海外企业买家的商采行为和决策模式。这种认知偏差不仅影响了产品开发方向,也制约了市场拓展策略的制定。
亚马逊资讯
AMZ123旗下亚马逊资讯发布平台,专注亚马逊全球热点事件,为广大卖家提供亚马逊最新动态、最热新闻。
欧洲电商资讯
AMZ123旗下欧洲跨境电商新闻栏目,专注欧洲跨境电商热点资讯,为广大卖家提供欧洲跨境电商最新动态、最热新闻。
侃侃跨境那些事儿
不侃废话,挣钱要紧!
AMZ123卖家导航
这个人很懒,还没有自我介绍
北美电商资讯
AMZ123旗下北美跨境电商新闻栏目,专注北美跨境电商热点资讯,为广大卖家提供北美跨境电商最新动态、最热新闻。
跨境电商干货集结
跨境电商干货集结,是结合亚马逊跨境电商卖家交流群内大家在交流过程中最常遇到的问题,进行收集整理,汇总解答,将会持续更新大家当前最常遇见的问题。欢迎大家加入跨境电商干货集结卖家交流群一起探讨。
亚马逊公告
AMZ123旗下亚马逊公告发布平台,实时更新亚马逊最新公告,致力打造最及时和有态度的亚马逊公告栏目!
跨境电商赢商荟
跨境电商行业唯一一家一年365天不断更的媒体!
首页
跨境头条
文章详情
5个步骤教你轻松优化网站主页
Shopify官方
2019-04-08 11:51
4636

本文作者 Shopify官方,首发于Shopify中文官网博客 ,授权AMZ123发布。


你的网站主页既是品牌的门面,又能帮助新老客户更好地各取所需。每个细节都应旨在建立更好的第一印象和鼓励特定行为,无论你的目标是售卖产品,还是获取更多的注册用户。主页的设计途径有不少。这篇文章包含一些主页设计的小窍门,不管你是新手还是单纯想升级一下网站都可以参考一下。




01
主页设计过程中遇到的问题



一个好的主页设计并不代表它适用于所有的电商。


如果你正在寻找一个设计方案,但是还摸不着头脑,那么可以先从以下几个问题入手:


· 你希望网站访客完成什么行为?(如立即购买,注册用户等)

· 你如何才能让他们更轻松地做到这一点?

· 实现你的目标需要经过多少步骤?

· 他们需要提交多少信息才能进入到下一步?

· 有可以省略的步骤吗?


有些消费者在访问网站的时候目的性比较明确,但是也有一部分人并不是很清楚。你在设计网站的时候不仅需要考虑到这一点,而且还要综合考虑你为网站所设定的主要目标。




一个好的网站不但要能帮助有目的的消费者得其所需,还应能引导那些没有方向的潜在消费者。




02    主页设计需要达到哪些目标?



网站访问者在主页的平均停留时间应该在10至20秒。从设计的角度来讲这就意味着网站的导航流程需要非常清晰,这样访问者就可以更快地为自己(和你的业务)选取最佳途径。


由于“决策规避”(即人们通常不会花太长时间做决定)的心理现象,使得达到以上这一目标显得更为紧迫。对于网站来说,决策规避也就是退出主页或点击返回按钮。要想避免这一点,网站设计的首要任务就是说服潜在消费者继续留在页面上。


要做到这一点,你需要理解网站最具价值的地方所扮演的角色。



1  能够激发特定行为的“首屏”内容



当一个网站设计师在提及主页的“首屏”区域时,他们指的是在来访者决定下拉页面前所看到的东西。


当你在考虑将哪些内容放在首屏及其如何与主页其它内容联合作用的时候,你应该把重心放在你希望来访者完成哪些特定行为,他们所需要的初步信息,以及你怎样可以帮他们做决定这些方面上。



以上图的Morning Recovery网站为例,他们的业务是售卖一款防宿醉产品。所以他们的目标是引导潜在消费者购买他们家的龙头产品,为达到此目的他们设计了一个颜色鲜艳的、以产品为中心的视觉和一个清晰的行为号召按钮(Call to Action,以下简称CTA)放在他们的“首屏”区域,以引导潜在消费者进行购买。


消费者在该页面面临两个可选捷径:


1. 点击下一步进行购买

2. 首屏下拉获取更多信息——用户评价,视频,有关产品原料的信息。


许多网站头部会使用一个醒目的标题和具有说服力的副标题,以及引人注意的视觉来吸引新用户并带领他们对品牌进行更深的了解。


其实从一开始你就可以通过许多方式来吸引消费者,比如说在导航栏上方设计一个促销类横幅,可以是特价促销或免邮等。



2清晰的导航栏



一个主页的导航栏清晰与否取决于它的简洁度。这可能跟你要满足不同消费者的需求有点自相矛盾,但你得保证消费者能够在主页上能够进行快速浏览。


头部导航应该越简洁明了越好,将多数消费者的需求放在首位。Orbit Media Studios的策略总监Andy Crestodina认为网站上不应有超过7个的导航链接。


人类使用一种叫做“组块”的记忆法,将信息分解成较小的“组块”单元进行记忆。


“组块”越少,记起来就越容易。在1956发表的一个颇具影响力的研究中,心理学教授George Miller总结说,我们的短期记忆通常只允许一次性容纳7个项目。



那些含有太多导航项的网站,往往会给人一种拥挤杂乱的感觉,因而会增加用户离开或者走错路的可能性。一个比较好的策略就是合理安排导航项,从左到右安排,将最重要的页面放在左侧。


如果你有很多产品和系列,那么把重点放在主要的高级系列上,使用超级菜单或者下拉菜单来创建二级导航。


二级导航能够更好地帮助你对产品和页面进行组织分类而不影响消费者的购物体验。



就拿UNCONDITIONAL的主页(如上图所示)来说,他们巧妙地通过简单的主导航和二级导航展示丰富的产品类目。


有一些网站还会根据自己的主要需求在主导航栏上设立了介绍页面(关于我们)和联系页面,常见问题(FAQ)页面,或者其它的页面。


但是如果你发现这些页面的转化效果不如预期,那么它们很可能是转化失败的问题所在。如果是这样的话,最好把它们放在网页底部。




3吸引眼球的视觉



决策规避不仅体现在导航栏上,网站上其它的因素也会对其产生影响。在设计网站的时候清楚地认识到用户注意力的有限能够帮你分析主次因素。


无论你是对某个产品或系列进行促销,还是想吸引潜在客户,视觉在吸引用户的注意力方面扮演者极为重要的角色。


以下是将视觉整合到主页首屏区域的一些途径: 


添加含文字的图片



这种首屏视觉的风格通常由一个单独醒目的图片,一句简单的文案和一个行为号召按钮组成。对于那些希望把诸如限时优惠、龙头产品或当季系列之类的主要促销放在首屏上方的电商来说,这是最佳的途径。


图片幻灯播放



你也可以考虑使用图片幻灯播放来展示一个特定的折扣,一组产品或者高清产品图。


对于那些拥有一些类目且产品丰富的商家来说,这是一个不错的手段。他们可以用它来推广其中一些产品系列或希望推广的页面。


你需要合理安排播放的先后次序,先放最主要的。而且建议不超过三个图片,因为消费者在进入下一步前不会花太长时间看一张图片。


视频



一些品牌会从主页上一个背景介绍的视觉中获益。但是对于那些创意性强或者较为复杂的品牌来说,在真正感兴趣之前可能有必要先告诉消费者如何使用产品。


以Bottle Cutting Inc的主页为例,许多访客可能还不知道他们到底需不需要他们的产品,所以品牌在主页上通过添加视频展示来增加刺激性——这也是转化过程的一个很有必要的步骤。


由于视觉起到直接和明显的作用,所以必须确保它们的高清质量及其品牌的真实代表性。


如果你不是专业摄影师,你可以请一位专业摄影师或者使用Shopify模板编辑中的image picker的免费素材图库。




4 一个直接的CTA



可以把CTA理解为高速公路的出口标志,它应该简短精悍,醒目而且能够对需要帮助的司机起引导作用。


你的CTA及其链接需要能够引导消费者采取符合主页主要目标的步骤。它可能会转至最新产品系列的链接或者让用户观看视频来获取更多信息。


从CTA按钮独特的设计中,消费者应该马上知道点击哪里。找到这个按钮所需的时间越长,消费者就会越迷失方向或直接放弃。



上图所示的PopSockets主页,在带领消费者走上理想的转化道路方面就做得很不错。他们用醒目的产品视觉来吸引注意力,而且黑白相间(与背景色区分开来)的CTA按钮在前方正中央。


首屏上方所显示的内容也是主页的主要目标:引导用户直接浏览最新产品线。在你下拉时,你可以看到更多的CTA按钮来购买其他产品。



5易于访问的购物车



对于许多电商网站来说,购物车属于主页中不可分割的一部分。


让导航栏更直观的其中一个目的就是确保购物车更容易被找到。一个“置顶”购物车(有时候又称“slide-out”购物车,可在部分Shopify模板中找到)是一种在浏览过程中全程显示的购物车,一般在页面右上角显示。


不仅如此,它还可以显示购物车里已有的商品数量。一个显眼的购物车提示,不但显示了已加入购物车的商品数量,还可以提醒消费者他们的购买正在进行中并鼓励完成购物。




底线:使购物车一目了然而且容易进入。



Chubbies在主页设置了一个红色提示,旨在提醒消费者购物车内的商品数量,而且还有一个置顶购物车,使得消费者很容易就可以继续购物或直接结账。



6一个搜索栏 (适用于更多的产品系列)



除了简洁明了的导航栏与置顶购物车之外,很多电商会在主页添加一个“搜索栏”来帮助那些目的性比较明确的访客搜索想要的产品,特别是在网站上有很多产品或是很多内容的情况下。



旗下拥有一系列各种各样化妆品的Morphe就是一个很好的例子。为了让消费者更容易找到他们想要的产品,Morphe添加了一个智能搜索栏,它可以自动完善访客的搜索需求并推荐相应的产品,系列或者页面。这就在主页和访客目标页之间建立了直接的桥梁。


一般来说,在经过一个完整搜索的消费者更容易完成转化。如果你的品牌旗下拥有很多产品,一个简单快捷的搜索栏对于可能会将顾客拒之门外的复杂导航来说是一个不错的选择。


如果你想在你的Shopify商店里添加一个智能搜索,你可以试一试Smart Search & Instant Search或者Instant Search +。



03
首屏之外:其它要考虑的元素



在首屏下方提供的元素(当用户下拉滚动时)不一定就不重要——他们通常是对已有内容的强调和拓展,为相同的转化目标提供其他的实现途径,而且让消费者更容易访问其它页面。


以下是一些可以加入主页设计或底部的元素,可以根据你的网站目标来选择。


博客、视频及其他内容


博客和视频内容对于SEO来讲很重要,但是首屏上方的内容足以转移消费者的注意力并让他们对产品失去兴趣。你所需要的是能够引导潜在消费的内容,而不是其它的杂七杂八的东西。


可以考虑将内容链接置于首屏下方,或者放在网页底部,特别是当内容不是业务的核心方面,但它可以让决定浏览网站的潜在消费者找到这些内容。


如果你要推广内容,你可以在主导航栏添加一个链接,但是这类推广最好放在社交媒体上,邮件或第三方网站传播,这样可以从网站外部引流。



举个例子,售卖环保且易携带的炊具和照明设备公司BioLite Energy通过将包含主要信息的主页视频内容插在首屏与网页底部之间的地方,避免了用户将注意力分散到他们的核心价值主张之外。其他从博客到YouTube频道等内容都在其下方。


社会认同:用户评价、认可与媒体报道


社会认同是对品牌的认可,通过利用来自老顾客或专家的现有信任来获取潜在消费者的信任。它可以包含媒体报道,用户评价,社交媒体发布,Instagram发图或者红人或专家的认可。


如果你拥有具有说服力的社会认同,建议可以将其放在主页上。


下图显示的ErgoDox主页截取了社交媒体上的一些使用心得以及来自知名公司员工的推荐来作为其产品质量作担保。但是他们把这些内容放在靠近处,在这之前介绍了产品的功效。




低优先级与附加产品


可以把比较早的产品和附加产品放到主页靠近网页底部处。你需要重点推广龙头产品或最新产品线。


那些可以作为主产品的补充且不是特别贵的产品可以作为结账时的增销推广,也可以放在首屏下方方便消费者知晓,如果你卖的产品需要更换零件或替换的话。


LIV Watches主要卖手表,但是他们也推广像表带之类的优质附加产品,把它们放在主页靠近底部的区域。



低优先级页面

     

低优先级页面因业务模式而异。


通常情况下,像服务条款,隐私权政策和退货政策这样的页面都是放在网页底部。因为大多数网站都会将这些页面的链接放在网页底部,所以很多用户如果需要去这些页面的话会直接去网页底部找。


其它如关于我们,联系信息,店铺地址,或者订单跟踪页面等也可以加到网页底部。但是如果这些页面真的能够帮助你获得转化,或是实现其中一个主要目标的话,你也可以考虑在主导航栏上为其安排位置,甚至是加到主页设计中。


例如,一个售卖订阅服务的商家如果在主页导航栏上添加一个明显的FAQ可能会很大地降低销售量。或者,像Bellroy这样一般需要线下购买产品的商家,你可以通过明显的Store Locator(店铺定位)链接帮助消费者定位实体店铺。


     

在决定一个页面是否属于低级别,问问自己如果你直接将访问者导航至该页面的话你会获益多少,以及你是将消费者驱离还是导向预期效果。



04

符合手机的主页设计 



手机网页浏览量在过去近十年内持续增长。由于你的一部分流量是来自手机用户,在主页设计的过程中也需要考虑到手机用户这一因素。


简化主页,引导用户的特定行为对于手机用户来讲尤为重要。



如果你是Shopify用户,在Shopify模板商店里的任何一个模板元素都会根据屏幕大小进行自动调整。但是,你要考虑到那些在电脑桌面上完美展示的图片在手机屏幕上看起来可能因为被截图看起来有点怪。CTA按钮可能有点难找,或是被调到一个不太显眼的地方,这样消费者很容易就错过。


在Shopify模板编辑中,通过预览顶端的切换选项你可以很容易地预览各种主页设计在不同设备上的效果。



05
过一段时间后升级设计



你可能也很清楚,完成一个网站的主页设计没有一个绝对的解决方案。像人口统计、品牌推广、商品数量、营销渠道或其它因素都可以通过复杂的方式影响到用户行为。


这也就是为什么要经常把主页设计看成是正在进行中的项目,在一段时间后通过流量和销售量来评估并调整主页。





咨询
官方微信群
官方客服

扫码添加,立即咨询

加群
官方微信群
官方微信群

扫码添加,拉你进群

更多
订阅号服务号跨境资讯
二维码

为你推送和解读最前沿、最有料的跨境电商资讯

二维码

90% 亚马逊卖家都在关注的微信公众号

二维码

精选今日跨境电商头条资讯

回顶部